<div id="test"></div>
<script>
$(document).ready(function() {
alert($('#test').id);
});
</script>
为什么上面的方法不起作用，我应该怎么做？
当前回答
重要提示：如果要使用jQuery创建新对象并绑定事件，则必须使用prop而不是attr，如下所示：
$（“<div/>”，｛id:“yourId”，class:“yourClass”，html:“<span></span>”｝）.on（“单击”，函数（e）｛alert（$（this）.prop（“id”）；｝）.appendTo（“#something”）；
其他回答
可能对找到此线程的其他人有用。只有当您已经使用jQuery时，下面的代码才有效。函数始终返回一个标识符。如果元素没有标识符，函数将生成标识符并将其附加到元素。
var generatedIdCounter = 0;
$.fn.id = function() {
var identifier = this.attr('id');
if(!identifier) {
generatedIdCounter++;
identifier = 'isGenerated_' + generatedIdCounter;
this.attr('id', identifier);
}
return identifier;
}
如何使用：
$('.classname').id();
$('#elementId').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")
$（“#按钮”）.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>
$（'#test'）返回一个jQuery对象，因此不能简单地使用object.id获取其id
您需要使用$（'#test'）.attr（'id'），它返回元素所需的id
这也可以如下进行，
$（'#test'）.get（0）.id，等于document.getElementById（'test'）.id
它不会回答OP，但对其他人来说可能很有趣：在这种情况下，您可以访问.id字段：
$('#drop-insert').map((i, o) => o.id)
