jQuery matriz múltiple() llama a

Question

tengo unas pocas cosas jQuery:

$(this).parent().parent().find(".license_tooltip").stop(true, true).fadeIn(200);

El objeto $(this) está anidado dentro de dos div s como esto:

 
<div> 
    <div> 
     <a href="">$(this) object</a> 
    </div> 

    <div> 
     <a href="">object to fade in</a> 
    </div> 
</div> 

Puede alguien me punto en la dirección correcta para hacer mi jQuery más ágil? La estructura presentada arriba se replica varias veces, por lo que es imposible usar clases e ID.

Answer 1

Puede utilizar una clase (o cualquier otro atributo seleccionable) y .closest() para reclamar al padre que quiere, como esto:

<div class="container"> 
    <div> 
     <a href="">$(this) object</a> 
    </div> 

    <div> 
     <a href="">object to fade in</a> 
    </div> 
</div> 

Y para el guión:

$(this).closest(".container").find(".license_tooltip").stop(true, true).fadeIn(200); 

Answer 2

uso parents()

$(this) 
    .parents('selector for the parent you need to look in') 
    .find(".license_tooltip") 
    .stop(true, true) 
    .fadeIn(200); 

Answer 3

Se podría utilizar el .parents([ selector ])here is a link

Se recorrerá más de un padre hacia arriba.