javascript - 获取具有特定类名的每个 li 值

Question

假设我有一个 body ，例如；

<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"和 class = "03" 值。

到目前为止我做了什么？

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

它打印了每个 li 元素，但我如何才能达到类 01,02 和 03 中的值？

我想要得到

你好，再见 你好2再见2去2

在体内循环时

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>