javascript - 如何使用其他元素解析 div 内的文本？

Question

这个问题已经有答案了:

How to get the text node of an element? (12 个回答)

已关闭 6 年前。

我从外部网站获得了这个 HTML，我需要使用 jQuery 对其进行解析。我只对主 div 内的文本感兴趣(如代码中所述)。

问题是，如果我使用 $('#main').text()我获取了 div 内的所有文本，甚至是嵌套 div 中的文本。

<div id="main">  

  <div><h1>....</h1></div>  
  <div>Other Text</div>

  I only want to parse this text

  <div></div>
  <div></div>

</div>

有什么建议吗？

Answer 1

使用 Jquery，您可以使用 contents()这将使您能够访问 div 内的所有节点元素，之后您可以过滤以仅获取 TextNode:

var nodeText = $('#main').contents().filter(function(){
  return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
}).text()

console.log(nodeText)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">  
  <div><h1>....</h1></div>  
  <div>Other Text</div>
  I only want to parse this text
  <div></div>
  <div></div>
</div>