JQueryは複数の親セレクタを短縮します

Question

私は興味があり、オンラインで何も見つけることができませんでしたが、親の親の親をターゲットとするコード列があります。このように見える終わる

：.parent().parent().parent().parent()。

代わりに4を有していると私は定期的な親のx倍に設定することができので、これを減らすためにどのような方法があった場合、私は思っていました。

UPDATE

の回答の多くは、セレクタを使用するために私を求めて来ます。特定のセレクタをターゲットにするつもりはありません。それでなぜ私は複数の親を使用しているのですか？

私は、複数のマニピュレータを省略する方法を探しています。

Answer 1

.EQ（）を試してみてください：

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

Answer 2

あなたが停止する必要がセレクタで使用parents()：セレクタで、あなたが.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

オプション引数として。 これはただ1つ上のレベルに行くのではなく、全体のDOMを横断します。

もっとここで読む：https://api.jquery.com/parents/#parents-selector

Answer 4

あなたの親はあなたも（.closestを使用することができますIDやクラスを持っている場合）

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>