jQuery:parent()乘以3 - 如果我不知道选择器，如何避免父级的堆叠

Question

我找不到这个问题的快速答案......

我在点击事件中并使用 $(this)

我试图选择一个上三层的元素，但不知道它有什么选择器。

$(this).parent().parent().parent().attr('id')

这很好用，但是有更好的方法吗？

像parent(3x)或类似的？

Answer 1

您可以尝试使用eq()与 parents() 。 eq() 的基索引为零，因此第一个元素的索引为零，第三个元素的索引为 2。

$(this).parents().eq(2).attr('id');

这等于:

$(this).parent().parent().parent().attr('id');

The .parents() method allows us to search through the ancestors of these elements in the DOM tree and construct a new jQuery object from the matching elements ordered from immediate parent on up; the elements are returned in order from the closest parent to the outer ones, Reference