各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); 
}); 

これは各li要素を出力しましたが、どのようにしてクラス01,02および03の値に到達できますか？

私は身体の内側ループ

Answer 1

がSelector Documentationを見てきたが

がハイさようなら HI2 bye2 GO2

を行って取得したいです。

1. $("li.02") - クラスbodyと素子内部<ul> 内部クラス02持つすべて<li>ため - クラス02
2. $(".body>ul>li.02")持つすべて<li>ため。

//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()); 
});