JQuery縮寫多個父代選擇器

Question

我很好奇並且無法在網上找到任何東西，但是我有一個代碼字符串，其目標是父代父代的父代的父代。

最終看起來像這樣：.parent().parent().parent().parent()。

我想知道是否有任何方法來減少這個，而不是4我可以設置一個重複的父母x次。

UPDATE

回答上來問我要使用選擇的很多東西。我不打算針對特定的選擇器。因此，我爲什麼使用多個父母。

我正在尋找縮小多個操縱器的方法。

Answer 1

與.EQ（）嘗試：

$('#element').parents().eq(2); 

Answer 2

使用parents()與選擇，你需要停止：

alert($('.e').parents('.b').attr('id'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="a"> 
 
    <div class="b" id="thatsMe"> 
 
    <div class="c"> 
 
     <div class="d"> 
 
     <div class="e"> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 3

您可以使用.parents()，與選擇作爲可選參數。 這將遍歷整個DOM，而不只是向上一級。

在這裏閱讀更多：https://api.jquery.com/parents/#parents-selector

Answer 4

如果父母有一個ID或類，你也可以使用.closest（）

console.log($("p:eq(0)").parent().parent().parent().html()); 
 

 
console.log($("p:eq(0)").closest("#1").html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="1"> 
 
    <div id="2"> 
 
    <div id="3"> 
 
     <p>ME!</p> 
 
    </div> 
 
    </div> 
 
</div>