javascript - 在ajax响应文本中查找Html元素

Question

使用 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() = 未定义

你能帮我吗？我已经读过this question和 this one too

Answer 1

您可以执行以下操作:

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

这应该可以在不改变你的responseText的情况下工作