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

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

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

当前回答

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

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

$(document).ready(function() {
    alert($('#test').attr('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")

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

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

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

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

$（'selector'）.attr（'id'）将返回第一个匹配元素的id。参考

如果匹配的集合包含多个元素，则可以使用常规的.each迭代器返回包含每个id的数组：

var retval = []
$('selector').each(function(){
  retval.push($(this).attr('id'))
})
return retval

或者，如果你想变得更强硬一点，你可以避免包装，使用.map快捷方式。

return $('.selector').map(function(index,dom){return dom.id})

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

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

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

推荐文章