jQuery选择div里面只有里面的div

Question

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

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

因此，在更改时，它会将css添加到div类中的.colorSelector。我有多个.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 color picker，则可以执行此操作 -

function refreshSwatch(e) {
  ...

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

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