javascript - 将 parent child 保存在 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 用于类似 $('resurrectPage').append(someVar); 的内容，其中 someVar 具有来自主页 div 的 dom 元素。

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

Answer 1

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

$('#mainPage').children()会给你直接的 child [div,div]

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