javascript - 使用 html 从变量中选择，使用 jquery

Question

我有一个变量的 html，我怎样才能对它进行选择，然后对这个变量进行 each 操作？ 示例:

var ht = '<div id="1" class="pp">Hi</div><div id="2">Hola</div><div id="3" class="pp"> Bonjour</div>';
$(ht).find(".pp").each( function(i){
   var i = this.id;
   console.log(i);
});

当然这是行不通的。 谢谢!

Answer 1

您的代码存在的问题是您有多个没有父元素的同级 .pp 元素。当您使用它们创建一个 jQuery 对象时，它会创建一个包含每个 .pp 元素的选择。

当您使用 find 时，它查看后代 元素。选择本身中的元素未经过测试。您需要使用 filter相反，它测试实际选择的元素，而不是它们的后代:

$(ht).filter(".pp").each( function(i){
   var i = this.id;
   console.log(i);
});