私は10番目の親を選択する必要がある場合は、より清潔な方法があります。次に、.parent（）を繰り返すことにより、element.parentを作成するクリーナーの方法を示します。parent（）。parent（）。parent（）。parent（）

Question

10回？その後、

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

Answer 1

あなたが本当に10日の親を取得する必要があり、そしてあなたがそこに着くために、セレクタを使用できない場合は、スムーズな方法は、おそらくこのようなものになるだろう：

$('#element_id').parents().eq(9); 

Answer 2

あなたは後にしているターゲットを表しセレクタがある場合、.closest()または.parents()を使用しています。

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

...しかし、これらの両方が見つかった最初の一致を返します。適切な解決策は、実際のHTMLマークアップに依存します。

（最初の祖先とparents()始まりながら.closest()も、元の要素を評価することに注意してください。）

また、ブラウザがHTMLの修正を行うことに注意してください。だから<table>の中から<table>の外側の要素に<tbody>がない場合、x番号.parent()を実行すると、ブラウザによって異なる結果が生じることがあります。

Answer 3

次のポストhereは、この実装を使用しています。

jQuery.fn.getParent = function(num) { 
    var last = this[0]; 
    for (var i = 0; i < num; i++) { 
     if(!last) break; 
     last = last.parentNode; 
    } 
    return jQuery(last); 
}; 
// usage: 
$('#myElement').getParent(3); 

ので、あなたの使用量は、単純に次のようになります。そのHTMLで

var position = $("#test").parents("div").length - 10; 
$("#test").closest("div:eq(" + position + ")").append("here!!!"); 

：

$('#element_id').getParent(10); 

Answer 4

私はこのコードを使用しました：

<div> 
     <div> 
      <div> 
       <div> 
        <div> 
         <div> 
          <div> 
           <div> 
            <div> 
             <div> 
              <div> 
               <span id="test">here</span> 
              </div> 
             </div>  
            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

はい、11桁です。コードを実行すると10番目のdivに停止し、ここに追加する必要があります！

私はこのコードをもっときれいにすることができると確信しています。

クラスを追加する必要はありません。

編集： 私は11 DIVを使用したので、最初のものには行かないことが分かりました。実際には10日に停止します。