title: jQuery to get text of first span of every li
body: <p>I am trying to get the first value of <code>span</code> under different <code>li</code> elements. My HTML markup is as follows...</p>
  
  <pre><code>&lt;div class="mipartrel"&gt;
      &lt;div class="k-multiselect-wrap k-floatwrap"&gt;
          &lt;ul role="listbox" unselectable="on" class="k-reset"&gt;
              &lt;li class="k-button"&gt;
                  &lt;span&gt;bat&lt;/span&gt;
                  &lt;span class="k-icon k-delete"&gt;delete&lt;/span&gt;
              &lt;/li&gt;
              &lt;li class="k-button"&gt;
                  &lt;span&gt;ball&lt;/span&gt;
                  &lt;span class="k-icon k-delete"&gt;delete&lt;/span&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I used the following jQuery code to get the text of all the <code>span</code> elements...</p>
  
  <pre><code>var getdata=$('.mipartrel ul li span').first().text();
  </code></pre>
  
  <p>...but I am only getting the value <code>"bat"</code>. I need each and every value from the first <code>span</code> of every <code>li</code>.</p>