Найти элемент Html в ajax responseText

С AJAX и jQuery 3.3.1 у меня есть такой ответ:

var responseText =
  <tr>
    <td>
      Lavender
    </td>
  </tr>
  <tr>
    <td>
      Lime
    </td>
  </tr>
  <div class = "navigation mt-3 text-center" id = "ajax-navigation">
    Test
  </div>

Я хочу извлечь #ajax-navigation div.

$(responseText).find('#ajax-navigation').html() = неопределенный
$(responseText).filter('#ajax-navigation').html() = неопределенный
$($.parseHTML(responseText)).find('#ajax-navigation').html() = неопределенный
$($.parseHTML(responseText)).filter('#ajax-navigation').html() = неопределенный

Вы можете помочь мне? Я уже читал этот вопрос и это тоже

Проблема в том, что ваш фрагмент HTML недействителен. У вас не может быть div как родственник tr. Я предполагаю, что в результате вывод полностью удаляет div. Я бы посоветовал исправить любой код, генерирующий этот HTML.

Rory McCrossan 05.04.2018 13:10

Ой ну спасибо. Это ответ AJAX. Я хочу добавить <tr> в существующую таблицу и <div> после этой таблицы. Но я понимаю спасибо

Gaylord.P 05.04.2018 13:17

да @ Gaylord.P прав. или ответьте, например, `var responseText = '<table> <tr> <td> Lavender </td> </tr> <tr> <td> <div class = " navigation mt-3 text-center "id = " ajax -navigation "> Тест </div> </td> </tr> </table> '

sal 05.04.2018 13:50
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
503
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вы можете сделать что-то вроде следующего:

var node = document.createElement("div");
node.innerHTML = responseText;
var navigationNode = $("#ajax-navigation", node);
var navigationHTML = navigationNode.html();

Это должно работать без изменения вашего responseText

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