javascript - 更简洁的写法 element.parent().parent().parent().parent().parent()

Question

如果我需要选择第 10 个父级，是否有更简洁的方法，然后重复 .parent() 10 次？

$('#element_id').parent().parent().parent().parent().parent().parent().parent().parent().parent().parent();

Answer 1

如果有一个选择器代表您所追求的目标，则使用 .closest() 或 .parents() .

$('#element_id').closest('.someClass');
$('#element_id').parents('.someClass:first');

...但是这两个都将返回找到的第一个匹配项。正确的解决方案将取决于您的实际 HTML 标记。

(注意 .closest() 也评估原始元素，而 parents() 从第一个祖先开始。)

另请记住，浏览器会进行 HTML 更正。因此，如果您从 <table> 内部遍历没有 <tbody>到 <table> 之外的元素，做 x 次 .parent()在不同的浏览器中可能会给出不同的结果。