$（'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})

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属性。

$（'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})

$（“#按钮”）.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)

重要提示：如果要使用jQuery创建新对象并绑定事件，则必须使用prop而不是attr，如下所示：

$（“<div/>”，｛id:“yourId”，class:“yourClass”，html:“<span></span>”｝）.on（“单击”，函数（e）｛alert（$（this）.prop（“id”）；｝）.appendTo（“#something”）；