如何在jQuery中获取元素的第n级父级？

javascript jquery parent

2022-08-30 02:34:36

例如，当我想获得元素的第3级父级时，我必须写是否有更理想的方法？$('#element').parent().parent().parent()

答案 1

由于 parents（）返回从最接近元素到外部元素排序的祖先元素，因此您可以将其链接到 eq（）：

$('#element').parents().eq(0);  // "Father".
$('#element').parents().eq(2);  // "Great-grandfather".

答案 2

根据您的需求，如果您知道要查找的家长，则可以使用 .parents（）选择器。

例如：http://jsfiddle.net/HenryGarle/Kyp5g/2/

<div id="One">
    <div id="Two">
        <div id="Three">
            <div id="Four">

            </div>
        </div>
    </div>
</div>


var top = $("#Four").parents("#One");

alert($(top).html());

使用索引的示例：

//First parent - 2 levels up from #Four
// I.e Selects div#One
var topTwo = $("#Four").parents().eq(2);

alert($(topTwo ).html());