在Cheerio中如何提取由不同HTML标签分隔的文本

Question

我正在尝试将下面的特定文本字符串作为单独的输出进行提取，例如（从下面的HTML中抓取它们）：lettext="这是我需要的第一个文本";lettext2="这是我需要的第二个文本";lettext3="这是我需要的第三个文本";我真的不知道如何获得由不同的HTML标签分隔的文本。Count:31Something:这是我需要的第一个文本S

P粉198670603 · Answer

尝试像这样做，看看是否有效：

html = `your sample html above`

domdoc = new DOMParser().parseFromString(html, "text/html")
result = domdoc.evaluate('//text()[not(ancestor::span)]', domdoc, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

for (let i = 0; i < result.snapshotLength; i++) {
  target = result.snapshotItem(i).textContent.trim()
  if (target.length > 0) {
    console.log(target);
  }
}

使用您的示例html，输出应为：

"That's the first text I need"
"The second text I need"
"The third text I need"

P粉386318086 · Answer

您可以迭代

的子节点，并获取任何非空内容的 nodeType === Node.TEXT_NODE：

for (const e of document.querySelector("p").childNodes) {
  if (e.nodeType === Node.TEXT_NODE && e.textContent.trim()) {
    console.log(e.textContent.trim());
  }
}

// 或者创建一个数组：
const result = [...document.querySelector("p").childNodes]
  .filter(e =>
    e.nodeType === Node.TEXT_NODE && e.textContent.trim()
  )
  .map(e => e.textContent.trim());
console.log(result);

Count: 31
Something: That's the first text I need Something2: The second text I need
Something3: The third text I need