Czystszy sposób na zapisanie elementu element.parent(). Parent(). Parent(). Parent(). Parent()

Question

Jeśli trzeba wybrać 10-tego rodzica, czy jest czystszy sposób, a następnie powtarzanie .parent() 10 razy?

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

Answer 1

Jeśli naprawdę trzeba uzyskać 10-rodzica, a nie jesteś w stanie użyć selektora się tam dostać, płynny sposób będzie prawdopodobnie coś takiego:

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

Answer 2

Jeśli istnieje selektor, który reprezentuje cel jesteś po, a następnie użyć .closest() lub .parents().

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

... ale oba te elementy zwrócą pierwszy znaleziony mecz. Właściwe rozwiązanie będzie zależeć od rzeczywistego znacznika HTML.

(Zauważ, że .closest() ocenia również oryginalnego elementu, natomiast parents() zaczyna się od pierwszego przodka.)

Należy także pamiętać, że przeglądarki dokonania korekt HTML. Jeśli więc przechodzisz od środka <table>, który nie ma wartości <tbody> do elementu znajdującego się poza kodem <table>, wykonanie liczby x .parent() może dać różne wyniki w różnych przeglądarkach.

Answer 3

Poniższy postu here używa tej realizacji:

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); 

więc wykorzystanie byłoby po prostu:

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

Answer 4

Mam używany ten kod:

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

z tym HTML :

<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> 

Tak, to 11 div. więc uruchamiając kod powinien się zatrzymać na 10. div i dołączyć tutaj !!!

Jestem pewien, że ten kod może być jeszcze bardziej czysty.

Nie trzeba dodawać zajęć.

Edytuj: Użyłem 11 DIV, więc widać, że nie będzie to pierwsze, a faktycznie zatrzyma się na 10.