两个jQuery颜色选择器控制类

我的问题是：

在任一选项板中选择一种颜色时，它会设置两个框的颜色

我想要一个整体的代码来控制每个调色板

因此，当您从上框中的调色板中选择颜色时，它只会更改上框的背景色，下框也是如此

我需要代码与类一起使用，而不是ID，因为稍后它将与php一起使用

我的标记：

HTML

---

有人能帮忙吗？

您需要将颜色更改限制为已更改元素的父元素，如下所示：

function updateBackground(color) {
    $(this).parents(".lists").css("background", color.toHexString());
}

---

我没有尝试过该代码，但它应该可以正常工作。

您正在使用一类.list来定位所有内容

因此，您需要将它们命名为不同的名称，并为每个名称调用它，或者分别将它们作为目标并使用$（this）返回正确的名称

大概是这样的：

function updateBackground(color) {
     $(this).parents(".lists").css("background", color.toHexString());
}

function updateBackground(color) {
    $(this).parents(".lists").css("background", color.toHexString());
}

function updateBackground(color) {
     $(this).parents(".lists").css("background", color.toHexString());
}