javascript - 无法修改返回的 AJAX 变量

Question

我目前有以下 JavaScript/jQuery 脚本，它使用 AJAX 获取外部 html 页面并在其所有文本节点上运行一个函数。

$.get('webpage.html', function (html) {
    $(html).find('*').each(function () {
        $(this).contents().filter(function () { return this.nodeType === 3 }).each(function () {
            this.nodeValue = foo(this.nodeValue);
            console.log(this.nodeValue);
        });
    console.log(html);                      
});

然而，尽管记录的新文本节点值已更改并且全部正确，但当我尝试在最后记录 html 时，我只是得到了开始时的内容，即原始外部网页，其中没有任何修改。

我做错了什么？

DLiKS

Answer 1

写作 $(html)并且操作结果DOM树无法修改原始字符串。

相反，你可以写

var content = $('<div>' + html + '</div>');
//Modify content
html = content.html();

通过将 HTML 包装在 <div> 中，我可以轻松检索完整的源代码。

我写了一个more detailed explanation在我的博客上。