JQuery 用新文本替换元素中的任何文本

Question

使用 JQuery 查找特定文本非常容易，但我想查找特定元素中的任何文本并替换它。我使用 load() 从另一个页面获取元素，因此文本会有所不同，这就是为什么我不能依赖使用 :contains()。

$("#results").load('http://www.test.com/url.html .ms-bodyareaframe .ms-vb-title a', function() {
    ('.ms-vb a').html("New Text");
});

正在加载的元素的 html 是：

<td class="ms-vb">
<a>
Old Text
</a>
</td>

对于我来说，文本替换是使用 function() 在加载中完成还是在页面加载后单独完成并不重要。但我尝试了多种方法，但未能使其发挥作用。

Answer 1

您可以通过以下方式以可管理的方式查找和替换文本节点中的值：

function findAndReplace(elements, textToFind, textToPlace) {
    $.each(elements.contents(), function () {
        // This is added to make sure the nodes you request are text nodes
        if (this.nodeType == 3)
            this.nodeValue = this.nodeValue.replace(textToFind, textToPlace);
    });
}

findAndReplace($('your element(s)'), 'textToFind', 'textToPlace');