jQuery: ¿Cómo llegar a un hijo particular de un padre?

Para dar un ejemplo simplificado, tengo el siguiente bloque repetido en la página muchas veces (se genera dinámicamente):

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

Cuando se hace clic, puedo acceder al padre del enlace con:

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

Sin embargo ... necesito llegar al <div class="something1">de ese padre en particular.

Básicamente, ¿alguien puede decirme cómo referirme a un hermano de nivel superior sin poder referirme a él directamente? Llamémoslo hermano mayor. Una referencia directa al nombre de la clase del hermano mayor haría que todas las instancias de ese elemento en la página desaparecieran, lo que no es el efecto deseado.

He intentado:

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

¿Nadie? Gracias.

La llamada .parents(".box .something1")devolverá todos los elementos principales que coincidan con el selector .box .something. En otras palabras, devolverá elementos padre que están .something1y están dentro de .box.

Necesita obtener los hijos del padre más cercano, así:

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

Este código llama .closestpara que el padre más interno coincida con un selector, luego llama .childrena ese elemento padre para encontrar al tío que está buscando.

$(this).parent()

Atravesar árboles es divertido

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

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

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

Y de muchas más formas, estos documentos pueden resultarle útiles.

Esto encontrará el primer padre con clase, boxluego encontrará la primera clase secundaria con coincidencia de expresiones regulares somethingy obtendrá la identificación.

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

Si entendí correctamente su problema, $(this).parents('.box').children('.something1')¿es esto lo que está buscando?

Puede usar .each()con .children()y un selector entre paréntesis:

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

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