如何使用jQuery获取元素的ID？

<div id="test"></div>
<script>
  $(document).ready(function() {
    alert($('#test').id);
  });  
</script>

为什么上面的方法不起作用，我应该怎么做？

当前回答

$（'#test'）.attr（'id'）在您的示例中：

<div id="test"></div>

$(document).ready(function() {
    alert($('#test').attr('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!

.id不是有效的jquery函数。您需要使用.attr（）函数来访问元素拥有的属性。您可以使用.attr（）通过指定两个参数来更改属性值，或者通过指定一个参数来获取值。

http://api.jquery.com/attr/

由于id是一个属性，您可以使用attr方法获取它。

id是html元素的属性。然而，当您编写$（“#something”）时，它返回一个jQuery对象，该对象包装匹配的DOM元素。要获取第一个匹配的DOM元素，请调用get（0）

$("#test").get(0)

在本机元素上，可以调用id或任何其他本机DOM属性或函数。

$("#test").get(0).id

这就是id在代码中不起作用的原因。

或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。

$("#test").attr("id")

$（'#test'）返回一个jQuery对象，因此不能简单地使用object.id获取其id

您需要使用$（'#test'）.attr（'id'），它返回元素所需的id

这也可以如下进行，

$（'#test'）.get（0）.id，等于document.getElementById（'test'）.id

推荐文章