javascript - JQuery - How to: Duplicate <li> and put it to the end of the <ul> - Stack Overflow

admin管理员组

文章数量:1241086

I have an ordinary ul li. I want to attach an li to the list which is based on the first li in the list.

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>

pseudo javascript/jquery

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

This is what it looks like:

<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

How do I do this? :)

I have an ordinary ul li. I want to attach an li to the list which is based on the first li in the list.

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>

pseudo javascript/jquery

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

This is what it looks like:

<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

How do I do this? :)

• javascript
• jquery
• copy
• duplicates
• html-lists

Share Improve this question Follow asked Dec 20, 2010 at 7:44 TomkayTomkay 5,1602121 gold badges6565 silver badges9494 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 12

I think it should be

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

Should be:

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

Example: http://www.jsfiddle/4yUqL/22/

Ref.: .clone()

本文标签： javascriptJQueryHow to Duplicate ltligt and put it to the end of the ltulgtStack Overflow