<div id="test"></div>
<script>
$(document).ready(function() {
alert($('#test').id);
});
</script>
为什么上面的方法不起作用，我应该怎么做？
当前回答
jQuery方法：
$('#test').attr('id')
在您的示例中：
$（文档）.ready（函数）{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选择器，并返回结果的array（），而不是其默认功能中的单个元素
jquery中DOM选择器的另一种选择是
$('#test').prop('id')
它不同于.attr（）和$（'#test'）.prop（'o'）获取指定的DOM foo属性，而$（'#test'）.attr“'o'”获取指定的HTML foo属性。
其他回答
id是html元素的属性。然而，当您编写$（“#something”）时，它返回一个jQuery对象，该对象包装匹配的DOM元素。要获取第一个匹配的DOM元素，请调用get（0）
$("#test").get(0)
在本机元素上，可以调用id或任何其他本机DOM属性或函数。
$("#test").get(0).id
这就是id在代码中不起作用的原因。
或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。
$("#test").attr("id")
重要提示：如果要使用jQuery创建新对象并绑定事件，则必须使用prop而不是attr，如下所示：
$（“<div/>”，｛id:“yourId”，class:“yourClass”，html:“<span></span>”｝）.on（“单击”，函数（e）｛alert（$（this）.prop（“id”）；｝）.appendTo（“#something”）；
$（“#按钮”）.click（函数）{var clickID=$（“#testDiv”）.attr（“id”）；console.log（clickID）});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“testDiv”>单击按钮时，您将获得该id值</div><button id=“button”>按钮</button>
它不会回答OP，但对其他人来说可能很有趣：在这种情况下，您可以访问.id字段：
$('#drop-insert').map((i, o) => o.id)
$（'#test'）.attr（'id'）在您的示例中：
<div id="test"></div>
$(document).ready(function() {
alert($('#test').attr('id'));
});
