jQuery: Comment accéder à un enfant particulier d'un parent?

Pour donner un exemple simplifié, j'ai répété le bloc suivant sur la page plusieurs fois (il est généré dynamiquement):

<div class="box">
   <div class="something1"></div>
   <div class="something2">
      <a class="mylink">My link</a>
   </div>
</div>

Lorsque je clique dessus, je peux accéder au parent du lien avec:

$(".mylink").click(function() {
   $(this).parents(".box").fadeOut("fast");
});

Cependant ... je dois me rendre au <div class="something1"> de ce parent en particulier.

En gros, quelqu'un peut-il me dire comment faire référence à un frère ou une sœur de niveau supérieur sans pouvoir s'y référer directement? Appelons ça grand frère. Une référence directe au nom de classe du grand frère ferait disparaître chaque instance de cet élément sur la page - ce qui n'est pas l'effet souhaité.

J'ai essayé:

parents(".box .something1") ... no luck.
parents(".box > .something1") ... no luck.
siblings() ... no luck.

N'importe qui? Merci.

L'appel .parents(".box .something1")renverra tous les éléments parents qui correspondent au sélecteur .box .something. En d'autres termes, il renverra les éléments parents qui sont .something1et sont à l'intérieur de .box.

Vous devez obtenir les enfants du parent le plus proche, comme ceci:

$(this).closest('.box').children('.something1')

Ce code appelle .closestpour obtenir le parent le plus interne correspondant à un sélecteur, puis appelle .childrencet élément parent pour trouver l'oncle que vous recherchez.

$(this).parent()

La traversée des arbres est amusante

$(this).parent().siblings(".something1");

$(this).parent().prev(); // if you always want the parent's previous sibling

$(this).parents(".box").children(".something1");

Et bien d'autres façons, vous pourriez trouver ces documents utiles.

Cela trouvera le premier parent avec la classe boxpuis trouvera la première classe enfant avec la correspondance regex somethinget obtiendra l'id.

$(".mylink").closest(".box").find('[class*="something"]').first().attr("id")

Si j'ai bien compris votre problème, $(this).parents('.box').children('.something1')est-ce ce que vous recherchez?

Vous pouvez utiliser .each()avec .children()et un sélecteur entre parenthèses:

//Grab Each Instance of Box.
$(".box").each(function(i){

    //For Each Instance, grab a child called .something1. Fade It Out.
    $(this).children(".something1").fadeOut();
});