jQuery to get text of first span of every li
<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>
