title: jQuery: How to get to a particular child of a parent?
body: <p>To give a simplified example, I've got the following block repeated on the page lots of times (it's dynamically generated):</p>
  
  <pre><code>&lt;div class="box"&gt;
     &lt;div class="something1"&gt;&lt;/div&gt;
     &lt;div class="something2"&gt;
        &lt;a class="mylink"&gt;My link&lt;/a&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When clicked, I can get to the parent of the link with:</p>
  
  <pre><code>$(".mylink").click(function() {
     $(this).parents(".box").fadeOut("fast");
  });
  </code></pre>
  
  <p>However... I need to get to the <code>&lt;div class="something1"&gt;</code> of that particular parent.</p>
  
  <p>Basically, can someone tell me how to refer to a higher-level sibling without being able to refer to it directly? Let's call it big brother. A direct reference to the big brother's class name would cause every instance of that element on the page to fade out - which is not the desired effect. </p>
  
  <p>I've tried:</p>
  
  <pre><code>parents(".box .something1") ... no luck.
  parents(".box &gt; .something1") ... no luck.
  siblings() ... no luck.
  </code></pre>
  
  <p>Anyone? Thanks.</p>