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);
}

無論您使用哪種顏色選擇器的代碼都可能適用