jQuery 在变量中查找元素

Question

我有:

var html_data = '<div class="div1">something</div><div id="this_is_it">Hello!</div>';

如何检查 html_data 变量是否有 div this_is_it ？

尝试使用检查

if($(html_data).find('#this_is_it').length)

但不起作用......

Answer 1

.find()仅搜索给定元素的子元素，而不搜索顶级元素。所以你需要将所有内容包装在另一个 <div> 中。另外，您需要修复导致语法错误的引用问题 - 如果您在字符串中使用双引号，请使用单引号来分隔它，反之亦然(或转义引号)。

var html_data = '<div class="div1">something</div><div id="this_is_it">Hello!</div>';
if ($("<div>" + html_data + "</div>").find("#this_is_it").length) {
  console.log("found");
} else {
  console.log("not found");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>