nhận được dòng đầu tiên của văn bản trong một jquery yếu tố

Question

Tôi có một yếu tố ví dụ như thế này:

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

nó cũng có thể trông như thế này:

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

Tôi muốn để có được những dòng đầu tiên (xác định dòng lỏng lẻo) (Blah blah blah.) của văn bản bên trong phần tử. Nó có thể được bao bọc bên trong một phần tử con hoặc chỉ là mã vạch trần truồng. Làm thế nào để làm điều đó? Cảm ơn.

Answer 1

Sử dụng phương pháp contents()^[docs] để có được tất cả trẻ em, bao gồm các nút văn bản, lọc ra bất kỳ sản phẩm nào (hoặc khoảng trắng chỉ) nút, sau đó lấy đầu tiên của bộ này.

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

nút văn bản:http://jsfiddle.net/Yftnh/

yếu tố:http://jsfiddle.net/Yftnh/1/

Answer 2

đầu tiên nhận được nội dung của phần tử

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

sau đó tách văn bản vào một mảng sử dụng ngắt dòng

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

phần đầu tiên của mảng là dòng đầu tiên của nguyên tố này

var firstLine = tmp[0]; 

Answer 3

Đây là ý tưởng dành cho bạn. Tất nhiên nếu có yếu tố h4 trước dòng bạn muốn nhận được:

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(); 

Giả sử rằng các văn bản được bọc một cách chính xác bên trong một phần tử, dĩ nhiên rồi. Bạn có thể kiểm tra xem có văn bản trước khi các yếu tố đầu tiên:

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