jQuery：提取动态加载的 html 的一部分

Question

这是在 Firebug 中运行的测试。我正在尝试动态创建一个 jQuery 对象，然后使用类或 id 选择器找到它的一部分。注意 find() 调用如何给出空结果。

>>> var testhtml = '<div class="oggi">h</div>'
undefined
>>> $(testhtml)
[div.oggi]
>>> $(testhtml).find(".oggi")
[]
>>> var testhtml2 = '<div id="yggi">hjhj</div>'
undefined
>>> $(testhtml2)
[div#yggi]
>>> $(testhtml2).find("#yggi")
[]

我是否应该将其解释为您无法对未连接到浏览器中主 DOM 树的 html 执行一些 jQuery 操作？我可以使用其他一些技巧来完成这项工作吗？

我设法通过在 html 中创建一个临时 div、在那里加载数据然后执行 find() 来获得更好的效果。

我的实际任务是使用 ajax 加载一段 html，然后将它的不同部分复制到网页的不同位置。

Answer 1

.find() 用于查找孩子，请改用.filter()。

var testhtml = '<div class="oggi">h</div>';

// if you want to check it whether has a class, use    
console.log($(testhtml).is(".oggi"));

// or you could use filter to get the element you want.
console.log($(testhtml).filter('.oggi'));