javascript - 将父母的孩子保存在 var 中以供以后附加

Question

我在我的一个网站页面中有如下标记：

<div id="mainPage">
   <div>
       <div><ul><li>etc.</li></ul>
   </div>
   <div>
       <div><ul><li>etc.</li></ul>
   </div>
</div>

上面的意思是我的网站中有一个包含内容的主 div。我想获取特定 div 的所有子项并将其保存在 var 中，因为我想稍后使用该 var 来处理主页 div 中的 dom 元素在$('resurrectPage').append(someVar);哪里。someVar

如何选择特定元素的所有子元素并将其添加到 var 中？

Answer 1

$('#mainPage').html()会给你整个字符串"<div> <div><ul><li>etc.</li></ul> </div> <div> <div><ul><li>etc.</li></ul> </div>"

$('#mainPage').children() 会给你即时的孩子[div,div]

$('#mainPage').find('.div')会给你所有里面的div[div,div,div,div]

Answer 2

如果 #mainPage 是您的主要 div，您可以通过

var someVar = $('#mainPage').children();

官方api页面

Answer 3

我认为您正在寻找 jQuerydetach方法...

http://api.jquery.com/detach/

它将删除一个元素并存储其内容，准备重新附加：

var a = p = $("a").detach()

Answer 4

如果您只需要 HTML，您可以保存 HTML：var someVar = $("#mainPage").html();然后在 HTML 中附加您已有的代码。如果我误解了你的问题，请告诉我。