如何用jquery获取一个元素的ID？

coding2live 2021-01-07 10:06:09 0 79 js, jquery 

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

为什么上述方法不起作用，请问是哪里有问题吗？

以下答案仅供参考

jQuery中的方法是这样的:

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

在你的例子:

$(document).ready(function() {
  console.log($('#test').attr('id'));
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test"></div>

或通过DOM：

$('#test').get(0).id;

或者是：

$('#test')[0].id;

在JQuery中使用$(’#test’).get(0)或者是(’#test’)[0]的原因是，$(’#test’)是一个JQuery选择器，并且它返回的是一个数组，而不是一个单独的元素

或者是用这个方法：

$('#test').prop('id')

这与.attr()和$(’#test’).prop(‘foo’)抓取指定的DOM foo属性不同，$(’#test’).attr(‘foo’)抓取指定的HTML foo属性，详情点这个链接：https://stackoverflow.com/questions/5874652/prop-vs-attr