javascript - 返回节点文本(非递归)

Question

我想返回表格单元格的节点值。然而，方法 text() 向下遍历整个 DOM 树并返回所有嵌套节点的字符串(表格单元格可能包含文本和 html)。提取节点的字符串后，我想修改它并将其写回节点。修改后的文本由text和html组成。

是否有任何 jquery 方法(或者可能是 Javascript)可用于获取文本(不下降到子级)和另一个我可用于写回文本 + html(纯文本()和 html( ) 在这种情况下不起作用，因为它们会覆盖子节点)？

干杯，最大

Answer 1

要从子文本节点获取文本，您可以这样做:

var text = $('selector').contents().map(function() {
        // If it is a textNode, return its nodeValue
    if(this.nodeType == 3) return this.nodeValue;
}).get().join('');​​​​​​

我不确切知道你想对文本做什么，但如果你想边处理它边用新的文本/html 替换它，你应该能够做一个 .each( ) 并使用 .replaceWith()。

$('selector').contents().each(function() {
    if(this.nodeType == 3) {
       // do something with the text
       $(this).replaceWith('new processed value');
    }
});​​​​​​

这是一个例子: http://jsfiddle.net/ZNjCW/