jQuery-无法使用replaceWith（）函数-无法读取未定义的属性“create documentfragment”

Question

在用Axios调用后，我想用一个新项替换当前项。我是这样进行的:

js prettyprint-override">var replacedElement = "<span class='float-right' aria-hidden='true'>" +
            "<i class='fas fa-check icon-color'></i>" +
            "</span>";

        axios.post(url).then(function (response) {
           $(this).replaceWith($.parseHTML(replacedElement));
        });

但我有以下错误:未捕获（in promise）TypeError:无法读取未定义的属性“create documentfragment”

我的$(this)引用了span元素:

所以我不明白为什么我会有这个错误

Answer 1

这似乎是一个thes相关的错误，而不是jQuery错误。您可以检查这个是如何根据我发布的其他答案进行计算的。

有3种简单的方法可以解决你的问题。

1. 将this存储在变量中（常用名称为self)

var self = this;
axios.post(url).then(function(response) {
  $(self).replaceWith($.parseHTML(replacedElement));
});

axios.post(url).then((function(response) {
  $(this).replaceWith($.parseHTML(replacedElement));
}).bind(this));

axios.post(url).then((response) => $(this).replaceWith($.parseHTML(replacedElement)));