Javascript 如何遍历一组异构元素？

我想遍历几个HTML元素并获取它们的值。为此，我尝试使用

$.each（）

，但当一个元素中有其他变量类型的元素时，我想不出该怎么做。我的HTML DOM结构如下所示：

<li>
 <div>X</div>
 <br/>
 <span>Category : </span>
 <div>Y</div>
 <span><br/>Rating</span>
 <div>
 <span>Z</span>
</div>

X


类别：
Y

评级
Z

---

我想从中检索值

X，Y，Z

。还有多个这样的实例，所以我必须遍历其中的每一个。有人能提出一些解决方法吗？

看起来您正在阅读

li

中所有

div

元素的

文本。所以试试看

$('li').children('div').each(function(){
    console.log($(this).text())
})

看起来您正在阅读
li
中所有
div
元素的
文本。所以试试看

$('li').children('div').each(function(){
    console.log($(this).text())
})

看起来您正在阅读
li
中所有
div
元素的
文本。所以试试看

$('li').children('div').each(function(){
    console.log($(this).text())
})

看起来您正在阅读
li
中所有
div
元素的
文本。所以试试看

$('li').children('div').each(function(){
    console.log($(this).text())
})

将感兴趣的元素分配给
类
：

<li>
 <div class="value">X</div>
 <br/>
 <span>Category : </span>
 <div class="value">Y</div>
 <span><br/>Rating</span>
 <div>
 <span class="value">Z</span>
</div>

将感兴趣的元素分配给
类
：

<li>
 <div class="value">X</div>
 <br/>
 <span>Category : </span>
 <div class="value">Y</div>
 <span><br/>Rating</span>
 <div>
 <span class="value">Z</span>
</div>

将感兴趣的元素分配给
类
：

<li>
 <div class="value">X</div>
 <br/>
 <span>Category : </span>
 <div class="value">Y</div>
 <span><br/>Rating</span>
 <div>
 <span class="value">Z</span>
</div>

将感兴趣的元素分配给
类
：

<li>
 <div class="value">X</div>
 <br/>
 <span>Category : </span>
 <div class="value">Y</div>
 <span><br/>Rating</span>
 <div>
 <span class="value">Z</span>
</div>

或

-编辑-

如果您不希望这些跨距内有任何内容，可以尝试：

$('li > div').each(function(){
      var $tmp =  $(this).clone();
      $tmp.find('span').remove();
      console.log($tmp.text());

})

或

-编辑-

如果您不希望这些跨距内有任何内容，可以尝试：

$('li > div').each(function(){
      var $tmp =  $(this).clone();
      $tmp.find('span').remove();
      console.log($tmp.text());

})

或

-编辑-

如果您不希望这些跨距内有任何内容，可以尝试：

$('li > div').each(function(){
      var $tmp =  $(this).clone();
      $tmp.find('span').remove();
      console.log($tmp.text());

})

或

-编辑-

如果您不希望这些跨距内有任何内容，可以尝试：

$('li > div').each(function(){
      var $tmp =  $(this).clone();
      $tmp.find('span').remove();
      console.log($tmp.text());

})

为什么不给您感兴趣的每个元素一个ID（或一个类），然后按ID/类选择？
div
不允许在
li
中使用。只是说，@Prinzhorn好吧，我不太擅长这个，但我很确定
div
可以在
li
@Aneesh中使用，你是对的。抱歉，浪费了您的时间。为什么不给您感兴趣的每个元素一个ID（或一个类），然后按ID/类选择？
div
不允许在
li
中使用。只是说，@Prinzhorn好吧，我不太擅长这个，但我很确定
div
可以在
li
@Aneesh中使用，你是对的。抱歉，浪费了您的时间。为什么不给您感兴趣的每个元素一个ID（或一个类），然后按ID/类选择？
div
不允许在
li
中使用。只是说，@Prinzhorn好吧，我不太擅长这个，但我很确定
div
可以在
li
@Aneesh中使用，你是对的。抱歉，浪费了您的时间。为什么不给您感兴趣的每个元素一个ID（或一个类），然后按ID/类选择？
div
不允许在
li
中使用。只是说，@Prinzhorn好吧，我不太擅长这个，但我很确定
div
可以在
li
@Aneesh中使用，你是对的。抱歉浪费了时间。但是“Z”在一个span中…虽然我的姿势是span在一个div中。@nnnnnn它看起来像span在一个div中，但是“Z”在span中…虽然我的姿势是span在一个div中。@nnnnnn它看起来像span在一个div中，但是“Z”在一个span中。@nnnnnnnn在一个跨度中…虽然我的姿势是跨度在一个div中。@nnnnnn它看起来像跨度在一个div中，但“Z”在一个跨度中…虽然我的姿势是跨度在一个div中。@nnnnnn它看起来像跨度在一个div中