jquery: traversing and selecting the child of first element in sibilings classes
<p>If I had</p>

<pre><code>&lt;span class="test1"&gt;&lt;span class="first"&gt;first&lt;/span&gt;&lt;/span&gt;
&lt;span class="test1"&gt;lorem&lt;/span&gt;
&lt;span class="test1"&gt;lorem&lt;/span&gt;
&lt;span class="test1"&gt;lorem&lt;/span&gt;

&lt;span class="test2"&gt;&lt;span class="first"&gt;first&lt;/span&gt;&lt;/span&gt;
&lt;span class="test2"&gt;lorem&lt;/span&gt;
</code></pre>

<p>how do I select only the <code>.test1 .first</code>, hovering any and only those <code>.test1</code> elements?</p>
