javascript - 访问变量中动态创建的内容

Question

我想使用 jquery 在 javascript 中创建一些动态元素，将它们弹出到变量中，然后访问它们。我想知道以下是否可能？

var content=$("<div>Person<div>Name</div><div>Surname</div></div>");
content.find("div").each(function(){
//do something
});

Answer 1

JQuery 提供了可以像这样使用的.each方法。

var content=$("<div>Person<div>Name</div><div>Surname</div></div>");
content.find("div").each(function(){
   $(this).addClass( "foo" );
});

但显然，只有将它们添加到 DOM 时，更改才会可见，因为现在这些元素位于单独的DocumentFragment中。