1

我目前正在使用 .replace 函数来替换页面上的特定字符串。鉴于我不知道当前字符串的位置，所以我无法选择它，我的代码如下所示：

$('body').html( $('body').html().replace(regex, 'sometext') );

因此，如果页面最初看起来像这样：

<div class="a">Hello</div>

It now looks like this:

<div class="a">sometext</div>

有没有办法在不使用的情况下做到这一点$('body').html( $('body').html().replace() )？

谢谢！

编辑：示例

<p class="last">Mac, iPhone, iPod and iPad customers within 90 days of ownership are eligible for complimentary phone support — one support incident per iPod and unlimited incidents per Mac, iPhone and iPad. <a href="/support/" onclick="s_objectID=&quot;http://www.apple.com/support/_3&quot;;return this.s_oc?this.s_oc(e):true">Online technical support</a> for Apple products is available beyond the initial 90 days.</p>

使用这个：

$('body').html( $('body').html().replace("iPhone", '<a href="#">iPhone</a>') );

它将替换 iPhone 的每个实例，使其看起来像 iPhone

导致：

<p class="last">Mac, <a href="#">iPhone</a>, iPod and iPad customers within 90 days of ownership are eligible for complimentary phone support — one support incident per iPod and unlimited incidents per Mac, <a href="#">iPhone</a> and iPad. <a href="/support/" onclick="s_objectID=&quot;http://www.apple.com/support/_3&quot;;return this.s_oc?this.s_oc(e):true">Online technical support</a> for Apple products is available beyond the initial 90 days.</p>
4

1 回答 1

3

您可以逐个节点遍历 DOM 层次结构，检查文本节点，然后比较每个单独文本节点中的文本。这将消除您当前代码可能导致的损坏类型。它将避免像您当前的代码那样破坏所有事件处理程序。

仅供参考，这是我为不同答案编写的不同函数的修改，可以满足您的要求：

function replaceTextInDomTree(root, searchRegEx, replace) {
    var node = root.firstChild;
    while(node) {
        if (node.nodeType == 3) {
            if (searchRegEx.test(node.nodeValue)) {
                // we do the test first to avoid setting 
                // nodeValue when there's no change
                // to perhaps save the browser some layout time
                // since we'd be operating on every single text node
                node.nodeValue = node.nodeValue.replace(searchRegEx, replace);
            }
        }
        if (node.hasChildNodes()) {
            // go down into the children
            node = node.firstChild;
        } else {
            while (!node.nextSibling) {
                node = node.parentNode;
                if (node == root) {
                    return;
                }
            }
            node = node.nextSibling;
        }
    }
}

笔记：

1) 这将仅替换连续文本块中的文本，其中没有 HTML 标记。

2）如果您想在同一个文本节点中进行多次替换，请确保将 g 标记为您传入的正则表达式。

于 2012-04-26T23:39:11.857 回答