获取元素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.).它可能包含在子元素内部,也可能只是裸体textnode.我怎么做？谢谢.

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/