jQuery 光谱颜色选择器

Question

我正在使用 jquery 光谱颜色选择器。有没有办法在更改事件中获取频谱选择器？

如果我通过 class (hap-ch) 将频谱应用于多个元素，我可以获得活动选择器实例吗？

<input id="playerBgColor" class="hap-ch">
<input id="playerBgColor2" class="hap-ch">
<input id="playerBgColor3" class="hap-ch">

$(".hap-ch").spectrum({
    change: function(color) {
        //how to get playerBgColor id here?
    },
});

我知道我可以像这样单独应用频谱：

 $("#playerBgColor ").spectrum({
    change: function(color) {

    },
});

但我想知道我是否可以像第一个示例那样将此代码重复用于多个频谱。

Answer 1

好吧，我只是玩了一下，是的，你可以在 change 中使用 $(this)，这将引用当前的 input element。

$(".hap-ch").spectrum({
    change: function(color) {
            alert($(this).attr('id')); //there you get the id
    },
});

DEMO HERE

jQuery 光谱颜色选择器

jQuery spectrum color picker

jquery

picker

spectrum