<div id="test"></div>
<script>
$(document).ready(function() {
alert($('#test').id);
});
</script>
为什么上面的方法不起作用，我应该怎么做？
当前回答
$（'selector'）.attr（'id'）将返回第一个匹配元素的id。参考
如果匹配的集合包含多个元素，则可以使用常规的.each迭代器返回包含每个id的数组：
var retval = []
$('selector').each(function(){
retval.push($(this).attr('id'))
})
return retval
或者，如果你想变得更强硬一点，你可以避免包装，使用.map快捷方式。
return $('.selector').map(function(index,dom){return dom.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>
这是一个老问题，但截至2015年，这可能会奏效：
$('#test').id;
您还可以分配任务：
$('#test').id = "abc";
只要定义以下JQuery插件：
Object.defineProperty($.fn, 'id', {
get: function () { return this.attr("id"); },
set: function (newValue) { this.attr("id", newValue); }
});
有趣的是，如果元素是DOM元素，那么：
element.id === $(element).id; // Is true!
以上答案很好，但随着jquery的发展。。因此，您还可以执行以下操作：
var myId = $("#test").prop("id");
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属性。
