如何使用jQuery获取元素的ID？

<div id="test"></div>
<script>
  $(document).ready(function() {
    alert($('#test').id);
  });  
</script>

为什么上面的方法不起作用，我应该怎么做？

当前回答

.id不是有效的jquery函数。您需要使用.attr（）函数来访问元素拥有的属性。您可以使用.attr（）通过指定两个参数来更改属性值，或者通过指定一个参数来获取值。

http://api.jquery.com/attr/

其他回答

如果您想获取一个元素的ID，比如说通过类选择器，当在该特定元素上触发事件（在本例中为单击事件）时，以下操作将完成此任务：

 $('.your-selector').click(function(){
       var id = $(this).attr('id');
 });

$.fn.extend({
    id : function() {
        return this.attr('id');
    }
});

alert( $('#element').id() );

当然需要一些检查代码，但很容易实现！

重要提示：如果要使用jQuery创建新对象并绑定事件，则必须使用prop而不是attr，如下所示：

$（“<div/>”，｛id:“yourId”，class:“yourClass”，html:“<span></span>”｝）.on（“单击”，函数（e）｛alert（$（this）.prop（“id”）；｝）.appendTo（“#something”）；

以上答案很好，但随着jquery的发展。。因此，您还可以执行以下操作：

var myId = $("#test").prop("id");

这是一个老问题，但截至2015年，这可能会奏效：

$('#test').id;

您还可以分配任务：

$('#test').id = "abc";

只要定义以下JQuery插件：

Object.defineProperty($.fn, 'id', {
    get: function () { return this.attr("id"); },
    set: function (newValue) { this.attr("id", newValue); }
});

有趣的是，如果元素是DOM元素，那么：

element.id === $(element).id; // Is true!

推荐文章