JQuery - 附加（複製，克隆）李並將其放在li上面

Question

是否可以克隆特定的< li>並將其放在其他特定的< li>之上？
任何線索都會幫助我..？

HTML

<div id="main"> 
<ul> 
<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 
<li>Item 4</li> 
</ul> 
</div> 

僞的Javascript（JQuery的）

$('#main ul li:eq(3)').duplicateAndPutAbove('#main ul li:eq(2)'); 

HTML結果

<div id="main"> 
<ul> 
<li>Item 1</li> 
<li>Item 3</li> <!-- Item 3 was duplicated (or cloned) and then putted ABOVE Item 2 --> 
<li>Item 2</li> 
<li>Item 3</li> 
<li>Item 4</li> 
</ul> 
</div> 

Answer 1

你是真的接近，你想clone和insertBefore（請記住eq是零基礎）：

$('#main ul li:eq(2)').clone().insertBefore('#main ul li:eq(1)'); 

Live example

Answer 2

$('#main ul li:eq(3)').clone().insertBefore('#main ul li:eq(2)'); 

演示：http://jsfiddle.net/karim79/8LpuN/

Answer 3

var elem = $('li').contains('3').clone(); // make a copy 
    $('li').contains('Item 3').before(elem); // insert before the cloned element 

Answer 4

$('#main ul li:eq(3)').clone().insertBefore('#main ul li:eq(2)');