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? :)
Share Improve this question asked Dec 20, 2010 at 7:44 TomkayTomkay 5,16021 gold badges65 silver badges94 bronze badges2 Answers
Reset to default 12I 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()