JQuery - 附加(复制,克隆)li并将其置于li之上

时间:2011-01-05 07:32:41

标签: javascript jquery copy duplicates html-lists

是否可以克隆特定的<李>并将其置于其他特定的<立GT ;?
任何线索都会对我有帮助..?

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>

4 个答案:

答案 0 :(得分:7)

真的关闭,您想要cloneinsertBefore(并且请记住eq从零开始):

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

Live example

答案 1 :(得分:3)

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

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

答案 2 :(得分:3)

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

答案 3 :(得分:0)

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