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

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

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

当前回答

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

var myId = $("#test").prop("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")

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

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

$('tagname').attr('id');

使用上面的代码，您可以获得id。

由于id是一个属性，您可以使用attr方法获取它。

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

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

推荐文章