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

Question

我有六个kendoColorPicker对象，它们在一个循环中初始化（ 请参阅jsFiddle ）。 当从其中一种颜色中选择颜色时，我需要在change事件中获取其元素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"))
        }

小提琴：

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

Answer 2

对剑道不太熟悉，但请尝试单独绑定更改事件

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

在这里更新了小提琴： http : //jsfiddle.net/kp2C9/131/