$.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方法获取它。

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

这是一个老问题，但截至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方法：

$('#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属性。