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

Question

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

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。