JQuery - 附加(复制,克隆)li并将其置于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)');

实例