Javascript jQuery：如何制作预定义的颜色选择器？

我希望当我点击我的颜色选择器的一种颜色时：所选的颜色在目标项目上改变

我开始编写代码的开头部分，但其余部分需要帮助

jQuery：

$(function() {
    $(".colorPickerToggleButton").on("click", function(e) {
        $(".colorPickerToggleButton").toggleClass("active");
    });
    $('.colorPickerToggleButton').toggle(function() {
        $(".colorPicker").addClass("shown");
    });

    var color_elements_background = ".nodeList .categoryStrip";

    var color_elements_text = "a:link, a:visited";

    $(".colorPicker span").on("click", function() {
        var customColor = $(this).attr("custom_color");
    });
});

我想要的是，例如，如果我单击我的颜色选择器的一种颜色，单击的颜色将应用于目标元素。例如：

---

谢谢。

尝试修改现有函数，使其如下所示：

$(".colorPicker span").on("click", function() {
    var customColor = $(this).attr("custom_color");
    $(color_elements_background).css("background-color", customColor);
    $(color_elements_text).css("color", customColor);
});

这将使用jQuery在目标元素上设置css颜色

---

它的工作方式是将查询字符串直接传递到jQuery中，并让它完成选择元素的繁重工作。然后，它使用将css样式应用于这些元素。

您好，谢谢。是的，但我需要在var:@uptp14中以元素为目标。jQuery通过传入字符串来选择元素。因此，例如，当您将字符串“a:link，a:visted”传递到jQuery中（通过传递变量color\u elements\u text），它将对匹配该查询字符串的元素进行操作。通常人们将字符串作为文本传递到jQuery中，但您也可以通过变量传递它们。这就是我在这里做的。编辑：由于javascript闭包的工作方式，如果这是您的问题的一部分，那么应该可以从click函数中访问该变量！可以但是如果我有多种颜色怎么办？我怎么能用这个？不确定我是否正确理解了你的问题，但如果我理解了，我会给你的每个颜色选择器跨度一个唯一的

自定义颜色

值。因此，您的span看起来有点像这样，例如：

color1

。这样，每个span都将颜色直接嵌入到DOM元素中，然后jQuery使用

.attr

函数读取该元素，并使用它设置其他元素的颜色。哦，太好了！它起作用了！这正是我需要的。非常感谢。