coraz pierwszą linię tekstu w elemencie jQuery

Question

Mam przykład elementu takiego:

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

może również wyglądać tak:

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

Chcę dostać pierwszą linię (definiując linię luźno) (Blah blah blah.) tekstu wewnątrz elementu. Może być zawinięty w element potomny lub po prostu być nagim tekstem. Jak mogę to zrobić? Dzięki.

Answer 1

użyć metody contents()^[docs] aby wszystkie dzieci, w tym węzły tekstowe, odfiltrować dowolny pusty (lub spacje tylko) węzłów, a następnie chwycić pierwszym planie.

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

węzeł tekst:http://jsfiddle.net/Yftnh/

elementem:http://jsfiddle.net/Yftnh/1/

Answer 2

najpierw uzyskać zawartość elementu

var content = $('#element').html(); 

następnie podzielić tekst na tablicy przy użyciu linii przerwę

tmp = content.split("\n"); 

pierwsza część tablicy jest pierwsza linia elementu

var firstLine = tmp[0]; 

Answer 3

Oto pomysł dla ciebie. Oczywiście, jeśli nie ma H4 elementem przed linią chcesz uzyskać:

var content = $('#element').html(); 
var arr = content.split('<h4>'); 
console.log(arr[0]); 

Answer 4

var myElement = $("#element"); 
while(myElement.children().length > 0) 
{ 
    myElement = myElement.children().first(); 
} 
var firstText = myElement.text(); 

Zakładając, że tekst jest prawidłowo opakowane wewnątrz elementu, oczywiście. Można sprawdzić, czy jest tam tekst przed pierwszym elemencie:

/\s*</.test(myElement.html())