jquery - 如何为jquery中的所有子节点添加单个父元素

Question

我有下面的代码工作正常。但是，就此而言，当单击第一个元素 [Node 1] 时，它会被复制到目标 div 但没有父级“UL”。当我直接单击子节点时，也会发生同样的情况。我的意思是，如果我单击节点 1.1、节点 1.2 等，那么这些应该被捕获在单个“UL”元素中。即，

下面这个应该改成

`<li><span>Node 1.1</span></li><li><span>Node 1.2</span></li>` 

(这就是我现在得到的)作为

<UL><li><span>Node 1.1</span></li><li><span>Node 1.2</span></li></UL>

如果也选择“节点 1”，也会发生同样的情况。

有什么想法吗？请帮忙。

http://jsfiddle.net/fjaLsnLh/7/请在此 fiddle 链接上进行修改。

Answer 1

使用 jquery 的 wrapAll

$('li').wrapAll('<ul></ul>');

jsfiddle:http://jsfiddle.net/fjaLsnLh/12/