JQuery - невозможно использовать функцию replaceWith () - невозможно прочитать свойство createDocumentFragment неопределенного

после звонка с Axios хочу заменить текущий пункт на новый. Я поступаю так:

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));
        });

Но у меня следующая ошибка: Uncaught (in promise) TypeError: Cannot read property 'createDocumentFragment' of undefined

Мой $(this) ссылается на элемент span:

Так что я не понимаю, почему у меня эта ошибка

Вы добавили console.info(this) внутрь функции then, потому что я уверен, что this не будет ссылаться на один и тот же объект? Если это проблема, попробуйте сохранить this в переменной типа var self = this и использовать self вместо this внутри функции then.

— 22.12.2020 15:12

Ты прав. Когда я сделал console.info ($(this)), я сделал это до вызова axios. Молодец и спасибо! :)

— 22.12.2020 15:19

Я добавил правильный ответ с парой решений и ссылкой для понимания того, как рассчитывается this.

— 22.12.2020 15:45

javascript jquery dom replace replacewith

22.12.2020 15:06

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Кажется, это ошибка, связанная с this, а не с ошибкой jQuery. Вы можете проверить, как рассчитывается this на этом другом ответе, который я опубликовал.

Есть 3 простых способа решить вашу проблему.

Сохранение this в переменной (обычное имя self)

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

Использование Function#bind, чтобы убедиться, что this не изменится

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

Использование функций стрелок, которые не изменяют arguments и this (не будут работать в старых браузерах)

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

22.12.2020 15:43

Другие вопросы по теме

Как я могу подготовить/запустить страницу из центра, а не сверху?

Кнопка onClick не работает с этим JS или запускает jquery Resizable Font-size программно?

Jquery delete parent не работает на всей строке! Что я делаю не так?

Не удалось преобразовать значение типа «java.lang.String» в требуемый тип «long»; Для входной строки: "{id}"

Изменить текст через время с помощью jQuery?

Datatable не очищено использование

Я хочу провести линию между элементами только с помощью JQuery и JavaScript

Запрос URL-адреса скрипта Google Apps для развернутого веб-приложения приводит к ошибке 404

Хранить пользовательские данные в определенном массиве в локальном хранилище

Сортировка учитывает только первую цифру, когда таблица отсортирована с помощью Javascript

JQuery - невозможно использовать функцию replaceWith () - невозможно прочитать свойство createDocumentFragment неопределенного

Ответы 1

Другие вопросы по теме

Похожие вопросы