Question

我在循环中初始化了六个kendoColorPicker对象（see jsFiddle）。当在其中一个中选择颜色时，我需要在更改事件中获取其元素id。

我尝试使用以下内容，但它不起作用：

有什么想法吗？

这是javascript：

    for (var i=1;i<=6;i++){
             $("#picker0"+i).kendoColorPicker({
                  value: "#ffffff",
                  change: function(e) {
                    alert($(this).attr('id'));
                }
             });
    }

和输入元素声明：

    <input id="picker01" /> <input id="picker02" /> <input id="picker03" />
    <input id="picker04" /> <input id="picker05" /> <input id="picker06" />

Answer 1

您可以从发件人e对象获取：

change: function(e) {
            alert($(e.sender.element).attr("id"))
        }

FIDDLE：

http://jsfiddle.net/ehsansajjad465/kp2C9/132/

Answer 2

不太熟悉kendo，但尝试单独绑定更改事件

   for (var i=1;i<=6;i++){
        $("#picker0"+i).kendoColorPicker({
            value: "#ffffff"
        })
        .on("change",function(){
            alert($(this).attr("id"));
        });
    }

在此处更新了您的小提琴：http://jsfiddle.net/kp2C9/131/

kendoColorPicker动态创建 - 如何获取元素ID？

2 个答案:

FIDDLE：