Javascript jQuery仅选择单击的div中的div

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

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

因此，在进行更改时，它会将css添加到

.colorSelector

类中的

div

。我有多个

.colorSelector

类，因此我希望它只将css添加到单击的

.colorSelector div

中，而不是全部

所以我试图改变：

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

致：

这似乎不起作用。如何选择仅位于单击的

.colorSelector

一侧的div

---

编辑：问题似乎是由于在页面上动态附加了colorSelector div引起的。如果它已经存在，那么它就可以工作

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

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

如果您正在使用，您可以这样做-

function refreshSwatch(e) {
  ...

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

---

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

您尝试执行的操作应该有效。要不要做一把小提琴？谢谢，我想起来了。这是因为在页面上动态添加了

colorSelector

div。如果它已经存在，那么它就会起作用。

function refreshSwatch(e) {
  ...

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