<div id="test"></div>
<script>
$(document).ready(function() {
alert($('#test').id);
});
</script>
为什么上面的方法不起作用，我应该怎么做？
当前回答
可能对找到此线程的其他人有用。只有当您已经使用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")
如果您想获取一个元素的ID，比如说通过类选择器，当在该特定元素上触发事件（在本例中为单击事件）时，以下操作将完成此任务：
$('.your-selector').click(function(){
var id = $(this).attr('id');
});
$.fn.extend({
id : function() {
return this.attr('id');
}
});
alert( $('#element').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>
由于id是一个属性，您可以使用attr方法获取它。
