JQuery - 如何：复制<li>并将其放在<ul> </ul> </li>的末尾

Question

我有一个普通的人。 我想将li附加到列表中，该列表基于列表中的第一个li。

HTML

<div id="gallery">
<ul>
<li>Point Nr 1<p>lol</p></li>
<li>Point Nr 2</li>
<li>Point Nr 3</li>
<li>Point Nr 4</li>
</ul>
</div>

伪javascript / jquery

$("#gallery ul li").first().duplicate(attachTo:"#gallery ul li")

这就是它的样子：

<div id="gallery">
<ul>
<li>Point Nr 1<p>lol</p></li>
<li>Point Nr 2</li>
<li>Point Nr 3</li>
<li>Point Nr 4</li>
<li>Point Nr 1<p>lol</p></li>
</ul>
</div

我该怎么做？ ：）

Answer 1

我认为应该是

var ul = $('#gallery ul');
ul.find('li:first').clone(true).appendTo(ul);

Answer 2

应该是：

var $gallery = $('#gallery');
$gallery.find('li:first').clone(true).appendTo($gallery.find('ul'));

示例：http://www.jsfiddle.net/4yUqL/22/

参考：.clone()