title: jquery selector to find a child element with
body: <p>Have been googling and trial-and-erroring for an hour trying to come up with a jquery selector to access one of several label elements in an expandable tree. The html is either like this:</p>
  
  <pre><code>&lt;span id="ppown" class="treeTitleSpan" role="leaf"&gt;PPO&lt;/span&gt; 
  &lt;span class="treeCheckBoxLabel"&gt; 
      &lt;label class='nodeCheckIcon'  /&gt;
  </code></pre>
  
  <p>Or like this:</p>
  
  <pre><code>&lt;span id="ppw" class="treeTitleSpan" role="leaf"&gt;Other&lt;/span&gt; 
  &lt;span class="handle closed"&gt;&lt;/span&gt;
  &lt;span class="treeCheckBoxLabel"&gt; 
      &lt;label class='nodeCheckIcon'  /&gt;
  </code></pre>
  
  <p>And I am starting from the .treeTitleSpan span in each case (in a click handler). I know I can access one with:</p>
  
  <pre><code>$(this).next().next().children('.nodeCheckIcon');
  </code></pre>
  
  <p>And the other with:</p>
  
  <pre><code>$(this).next().children('.nodeCheckIcon');
  </code></pre>
  
  <p>But I would like a single selector that will work for both cases, 'find' doesn't seem to work:</p>
  
  <pre><code>$(this).find('.nodeCheckIcon:first')
  </code></pre>
  
  <p>Any help would be appreciated.</p>
  
  <p>rick</p>