javascript - 使用cheerio获取div的所有子 Node ？

Question

<div class="hello">
  Text1
  <li>Text2</li>
  <div class="bye">Text3</div>
  Text4 Block
  <div class="bye">Text5</div>
  Last Text5
</div>

所以我有上面的内容，我使用 $('div.hello') 在 cheerio 中获取。我想遍历它。如何遍历包括文本 Node 在内的所有内容？我尝试使用 $('div.hello').contents() 但这并没有获取文本 Node ("Text1、"Text4 Block"和 "Last Text5")。我的最终目标基本上是在我到达第一个具有“bye”类的元素时拆分 HTML block 。所以我想要一个包含以下 html 字符串的数组，

final_array = ['Text1 <li>Text2</li>', '<div class="bye">Text3</div> Text4 Block <div class="bye">Text5</div> Last Text5']

Answer 1

您可以尝试使用 map或 filter方法。

例如:

var text = $('div.hello').contents().map(function() {
    if (this.type === 'text')
        return $(this).text().trim()
}).get()

基本上在回调函数中，您需要使用 if's 来获得您想要的。