javascript - 如何使用jquery获取div中的特定文本

Question

<div class="news"> 
       <script type="text/javascript">

           some codes

       </script>

           needed content

       <div class="seperator">

           unneeded content

       </div>

  unneeded content2

 </div>        

我只想在这里获得“需要的内容”。所以我必须删除脚本标签并获取所有文本 till div.seperator

如果我只从根 (div.news) 获取文本而不包含子元素，我将解决问题或以其他方式清理子元素。

我该如何处理这个问题。

感谢您的关注。

Answer 1

您可以使用 contents() 和 filter() 来检索元素中的文本节点。试试这个:

var textNodes = $('.news').contents().filter(function() {
    return this.nodeType == 3 && this.nodeValue.trim() != ''
}).get();

console.log(textNodes[0].nodeValue.trim()); // = 'needed content'

Example fiddle