javascript - JQuery - 附加(复制，克隆)li 并将其放在 li 之上

Question

是否可以克隆一个特定的

并将其放在另一个特定的

之上？
任何线索都可以帮助我......？

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