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

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

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

当前回答

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

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

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

其他回答

id是html元素的属性。然而，当您编写$（“#something”）时，它返回一个jQuery对象，该对象包装匹配的DOM元素。要获取第一个匹配的DOM元素，请调用get（0）

$("#test").get(0)

在本机元素上，可以调用id或任何其他本机DOM属性或函数。

$("#test").get(0).id

这就是id在代码中不起作用的原因。

或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。

$("#test").attr("id")

$（'#test'）.attr（'id'）在您的示例中：

<div id="test"></div>

$(document).ready(function() {
    alert($('#test').attr('id'));
});

它不会回答OP，但对其他人来说可能很有趣：在这种情况下，您可以访问.id字段：

$('#drop-insert').map((i, o) => o.id)

$（'#test'）返回一个jQuery对象，因此不能简单地使用object.id获取其id

您需要使用$（'#test'）.attr（'id'），它返回元素所需的id

这也可以如下进行，

$（'#test'）.get（0）.id，等于document.getElementById（'test'）.id

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

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

推荐文章