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

coding2live 2021-01-07 10:06:09 79

<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