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

kendoColorPicker created dynamically - how to obtain element id?

本文关键字:获取 元素 id 何获取 动态 创建 kendoColorPicker      更新时间:2023-09-26

我在一个循环中初始化了六个kendoColorPicker对象(请参阅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" />

您可以从发送方获得它的e对象:

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

小提琴:

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

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

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

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