jquery - jquery 中的 .id 和 .attr ('id' ) 有什么区别

Question

var x = $(this).parent().parent().parent().parent();

x.id 给我 undefined 而 x.attr('id') 返回正确的 id。

谁能告诉我这两者之间的区别。顺便说一句，有没有更好的方法来获取 $(this).parent().parent().parent().parent()，我不想为它们分配 id，因为这会使使用这些元素变得更加困难。

谢谢

Answer 1

x.id 在 x 是 DOM 元素时起作用，而不是在 x 是 jQuery 对象时起作用。

如果x是一个jQuery对象，你可以这样做:

x[0].id

从 jQuery 对象获取第一个 DOM 元素，或者您可以使用:

x.attr('id')

使用 jQuery 方法检索属性。

至于您的其他问题，替换此问题的更好方法:

$(this).parent().parent().parent().parent()

是将一个类放在所需的父级上并使用它:

$(this).closest(".target")

.closest(selector) 方法将查找与选择器匹配的最近的父级。使用类来解决此问题可以简化设计，因为您不必使用唯一的 ID。