title: Get parent and first span child jQuery
body: <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>