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

问题描述

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 选择器并通过其默认功能不是单个元素

jquery 中 DOM 选择器的另一种选择是

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

它不同于.attr()并$('#test').prop('foo')抓取指定的 DOMfoo属性，而$('#test').attr('foo')抓取指定的 HTMLfoo属性

解决方法

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

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