javascript - 获取元素jquery中的第一行文本

Question

我有一个这样的示例元素:

<div id="element">
  Blah blah blah.
  <div>Header</div>
  ...
</div>

它也可以是这样的:

<div id="element">
  <span>Blah blah blah.</span>
  <h4>Header</h4>
  ...
</div>

我想获取元素内文本的第一行(松散定义行)(Blah blah blah.)。它可能被包裹在一个子元素中，或者只是一个裸文本节点。我怎么做？谢谢。

Answer 1

使用 contents()^[docs]获取所有子节点(包括文本节点)的方法，过滤掉任何空(或仅空白)节点，然后获取集合中的第一个节点。

var first_line = $("#element")
                       .contents()
                       .filter(function() { 
                           return !!$.trim( this.innerHTML || this.data ); 
                       })
                       .first();

文本节点: http://jsfiddle.net/Yftnh/

元素: http://jsfiddle.net/Yftnh/1/