Get parent and first span child jQuery
<p>I have this structure:</p>

<pre><code>&lt;div class="list"&gt;
    &lt;ul&gt;
        &lt;li&gt;
            &lt;span class="number"&gt;1&lt;/span&gt;
            &lt;p class="list-title"&gt;&lt;a href="#"&gt;Welcome&lt;/a&gt;&lt;/p&gt;
            &lt;img src="images/like.png" class="like" /&gt;

            &lt;div class="subcomments"&gt;
                &lt;div class="comments"&gt;
                &lt;ul&gt;
                    &lt;li&gt;
                        &lt;span class="number"&gt;2&lt;/span&gt;
                        &lt;img src="images/like.png" class="like" /&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p></p>

<p>And I want when click on the class "like" appears the content of span.number, i.e.  goes to the father and gets the content of the span with class number.</p>

<p>I'm trying this:</p>

<pre><code>$('.like').parent().children('span:first').text()
</code></pre>

<p>But always gives me 1 in the two situations, instead of giving 1 in the first like, and 2 in the second like.</p>
