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

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/