首页 > 解决方案 > 使用 jQuery 在文本变量中查找 div

问题描述

我在 Javascript 中有一个文本变量。它的名字是text。它包含一个完整的 HTML 文档。我试图找到一个 jQuery 选择器,它匹配一个包含 id 为“mainContent”的 div:

var innerText = text.find('div[id=mainContent]');

不幸的是,这不起作用。JavaScript 在这一点上以某种方式中断。我也尝试过:

var innerText = $(text).find('div[id=mainContent]');

但这也确实破坏了 JavaScript 流程。

有人有想法吗?

标签: javascripthtmlvariables

解决方案


如果text是字符串,那么您应该首先解析它们,您可以使用jQuery.parseHTML().

演示:

var text = `<div><div id="mainContent">Test Container</div></div>`;
text = $.parseHTML(text);
console.log($(text).find('div#mainContent'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


推荐阅读