获取小部件的当前ID

JQuery Get current ID of Widget

本文关键字：ID 小部 获取      更新时间：2023-09-26

我有以下内容

<div id="dualList"></div>

我已经写了一个插件，但为了测试，我已经剥离了它。我有插件显示div的id的问题。

<script>
(function($) {
    $.fn.DualList = function() {
    var thisControl = $(this);
    alert(thisControl.attr('id'));
}
})(jQuery);
</script>

并且它的绑定在文档上准备使用 $ (" # dualList ") .DualList ();

知道为什么ID没有回显吗?

首先，据我所知，它确实有效。

然而，在您的代码中有一些事情不是最优的。您不能确定只有一个对象被选中(它可能是一个类选择器)。因此，您应该遍历选择的所有成员。其次，您不需要jQuery构造函数来获取id属性。你可以用this.id:

$.fn.DualList = function() {
    return this.each(function() {
        alert (this.id);
    });
};

这种风格的代码的工作示例

Widget是一个集合，所以

$(this.element[0]).attr("id")

将获得第一个元素的id，以此类推。

相关文章：