$.fn.extend({
    id : function() {
        return this.attr('id');
    }
});

alert( $('#element').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})

它不会回答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”）；

可能对找到此线程的其他人有用。只有当您已经使用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();