Làm cách nào để truy cập văn bản bên trong một phần tử trong khi bỏ qua một số văn bản bên trong thẻ bên cạnh văn bản?

Question

Cách tốt nhất để lấy văn bản ra khỏi phần tử jQuery khi bản thân văn bản tiếp giáp với một phần tử khác có chứa văn bản là gì?

Trong ví dụ này, tôi muốn nhận được tại các văn bản: 'Text tôi muốn' trong khi bỏ qua các văn bản trong phần tử con giáp:

<span> 
    <a>Text I want to ignore</a> 
    Text I want 
</span> 

Giải pháp của tôi là để có được tất cả các văn bản trong thẻ <span> và sau đó xóa tất cả văn bản trong thẻ <a>. Điều này cảm thấy một chút lúng túng vì vậy tôi tự hỏi nếu có một cách tốt hơn:

var all_the_text = $('span').text(); 
var the_text_i_dont_want = $('span').find('a').text(); 
var text_i_want = all_the_text.replace(the_text_i_dont_want, ''); 

Answer 1

Bạn phải đi đến các hạch văn bản cho việc này:

var text_i_want = $("span").contents().filter(function(){ 
    return this.nodeType === 3; 
}).text();​ 

http://jsfiddle.net/UeBZq/

Answer 2

$("span") 
    .clone() 
    .children() 
    .remove() 
    .end() 
    .text(); 

nên làm điều đó

để cung cấp tín dụng phù hợp :) http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

Answer 3

xóa thẻ và nhận nội dung span. Working Demo

<span> 
    <a>Text I want to ignore</a> 
    Text I want 
</span>​ 

var all_the_text = $('span').find('a').remove(); 
alert($('span').text());