Chỉ chọn văn bản của một phần tử (không phải là văn bản của trẻ em của mình/cháu)

Question

Hãy xem xét đoạn HTML sau:

<td> 
    Some Text 
    <table>.....</table> 
</td> 

tôi cần phải thao tác "Một số văn bản" văn bản của td phần tử. Tôi không nên chạm vào phần tử bảng bên trong số td này.

Vì vậy, ví dụ: có thể tôi muốn thay thế tất cả "e" bằng "@". Tôi đã thử một vài cách tiếp cận với .text() và .html() của jQuery. Tôi dường như luôn luôn chọn một cái gì đó từ bên trong bảng con, mà tôi không nên chạm vào. Ngoài ra, thật không may, tôi không thể quấn "Một số văn bản" vào một khoảng hoặc một div.

Answer 1

$(function(){ 
    $('td').contents().each(function(){ 
    if(this.nodeType === 3) 
     $(this).replaceWith(this.wholeText.replace(/e/g, '#')); 
    }); 
}); 

hoặc thích bạn đề nghị

$('td').contents().each(function(){ 
    if(this.nodeType === 3) 
    this.data = this.wholeText.replace(/e/g, '#'); 
}); 

.contents() cung cấp tất cả yếu tố, textNodes bao gồm.

Answer 2

Nếu bạn muốn làm một cái gì đó cho mỗi mảnh của văn bản trong td, bạn chỉ có thể lặp qua chúng với một vòng lặp:

var nodes=tdEl.childNodes; 
for(var i=0; i<nodes.length; ++i){ 
    if(nodes[i].nodeType===3){ // 3 means "text" 
    nodes[i].data = nodes[i].wholeText.replace(/e/g, '@'); 
    } 
} 

đã tôi hiểu những gì bạn đang tìm kiếm một cách chính xác?

Bạn có thể sử dụng jQuery nếu bạn đã tải nó cho các công cụ khác, nhưng tôi sẽ không tải trong thư viện 24kb cho một chút mã nhỏ ở trên.