jQuery仅选择在单击的div内的div

Question

我正在使用具有以下配置的插件：

$('.colorSelector').ColorPicker({   
    onChange: function (hsb, hex, rgb) {    
        $('.colorSelector div').css('backgroundColor', '#' + hex);

因此，在更改时，它将css添加到.colorSelector类内部的div中。 我有多个.colorSelector类，因此我希望将css添加到唯一被单击的.coloSelector div中，而不是全部添加。

所以我想改变：

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

至：

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

这似乎不起作用。 如何选择仅在单击的.colorSelector旁边的div。

编辑：似乎是由于在页面上动态附加colorSelector div引起的。 如果已经存在，则可以使用。

Answer 1

您目前正在混合使用JavaScript和CSS表示法-

 .css("background-color",...)

如果您使用的是jQuery UI颜色选择器 ，则可以执行以下操作-

function refreshSwatch(e) {
  ...

  $(e.target).parent().css("background-color","#"+hex);
}

无论您使用哪种颜色选择器的代码都可能适用