獲取具有特定類名的每個li值

Question

假設我有一個身體，如;

<div class="body"> 
    <ul> 
     <li class="01">hi</li> 
     <li class="02">bye</li> 
     <li class="03">go</li> 
    </ul> 

    <ul style=""> 
     <li class="01">hi2</li> 
     <li class="02">bye2</li> 
     <li class="03">go2</li> 
    </ul> 
</div> 

我想每個ul的每個class = "01", class = "02" and class = "03"值。

我到目前爲止做了什麼？

$('.body ul').each(function(element) 
{ 
    console.log(this); 
}); 

它打印每個鋰元素，但我怎麼能達到類01,02和03的值？

我想

喜再見去 HI2 bye2 GO2

而身體

Answer 1

內循環看一看Selector Documentation。

1. $("li.02") - 適用於所有與<li>類02
2. $(".body>ul>li.02") - 適用於所有與<li>類02一個<ul> 與body類的元件內部的內部。

//for all <li> with class "02" 
 
$('li.02').each(function(element) { 
 
    console.log(this.innerHTML); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="body"> 
 

 
    <ul> 
 
    <li class="01">hi</li> 
 
    <li class="02">bye</li> 
 
    <li class="03">go</li> 
 
    </ul> 
 

 
    <ul style=""> 
 
    <li class="01">hi2</li> 
 
    <li class="02">bye2</li> 
 
    <li class="03">go2</li> 
 
    </ul> 
 

 
</div>

Answer 2

$('li.01').text();返回元素中的字符串。 如果你想輸出每一類的字符串，你可以這樣做：

$('li.01').each(function(element) { 
    console.log($(this).text()); 
}); 

，併爲所有列表項

$('li').each(function(element) { 
    console.log($(this).text()); 
});