jQuery, aby uzyskać tekst pierwszego zakresu każdego li

Question

Próbuję uzyskać pierwszą wartość span pod różnymi elementami li. Moje znaczniki HTML jest następujący ...

<div class="mipartrel"> 
    <div class="k-multiselect-wrap k-floatwrap"> 
     <ul role="listbox" unselectable="on" class="k-reset"> 
      <li class="k-button"> 
       <span>bat</span> 
       <span class="k-icon k-delete">delete</span> 
      </li> 
      <li class="k-button"> 
       <span>ball</span> 
       <span class="k-icon k-delete">delete</span> 
      </li> 
     </ul> 
    </div> 
</div> 

Użyłem następujący kod jQuery uzyskać tekst wszystkich span elementów ...

var getdata=$('.mipartrel ul li span').first().text(); 

... ale ja dostaję tylko wartość "bat". Potrzebuję każdej wartości od pierwszego span każdego li.

Answer 1

Sposób first zwraca tylko pierwszą dopasowanego elementu, można użyć metody find:

var textArray = $('.mipartrel ul li').find('span:first').map(function(){ 
    return $(this).text(); 
}).get(); // ["bat", "ball"] 

var textString = textArray.join(); // "bat, ball" 

http://jsfiddle.net/s797E/

czyli

var getdata = $('.mipartrel ul li').find('span:first').text(); 

Answer 2

pomocą przełącznika first-child uzyskać przęseł to są pierwsze dzieci ich rodziców:

var getdata = $('.mipartrel ul li span:first-child').text(); 

Demo: http://jsfiddle.net/Guffa/38NN5/

Sposób text dostanie tekst z wszystkimi elementami w postaci pojedynczego łańcucha. Jeśli chcesz go jako tablicę, czego potrzebujesz, aby każdy tekst oddzielnie:

var getdata = $('.mipartrel ul li span:first-child').map(function(){ 
    return $(this).text(); 
}).get(); 

Answer 3

tutaj jest jsfiddle dostać elementy za pomocą pętli for

$('ul.k-reset li').each(function(){ 
     var current = $(this).find('span:first'); 
     alert(current.text()); 
    });