JavaScript + jQuery this scope

JavaScript + jQuery this scope

本文关键字：scope this jQuery JavaScript      更新时间：2023-09-26

我有这个问题 - 我真的无法自己解决它。我已经下载了这个jQuery插件。

我有 x 个div 是 jQuery 对象，正在通过以下内容进行扩展：

    $('.colorSelector').ColorPicker({
        color: '#0000ff',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {
            $('.colorSelector div').css('backgroundColor', '#' + hex);
        }
    });

我想要的是检索$('.colorSelector')"this"引用（在 ColorPicker 方法的对象内部）并替换可以将"css"方法分配给$(this)选择器而不是 $(.colorSelector div') 的 onChange 方法。

我不确定你的问题，但我想你想让孩子们div使用$(this)：

$(this).find('div').css('backgroundColor', '#' + hex);

如果不是这样，请澄清您的问题。

抱歉，

我以另一种方式解决了问题。无论哪种方式，感谢回复。

编辑：
好吧，我使用了一个非常"原始"的解决方案并辅助了唯一的id。比我能够通过这些 id 检索实例 - 但在我看来，解决方案并不是我真正想要的。

相关文章：