使用jQuery将ul列表项拆分为两列,包含偶数和奇数索引

时间:2012-10-11 11:03:53

标签: jquery html-lists

这是原作:

<ul>
<li>one</l1>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

我想把它变成:

<ul>
<li>one</l1>
<li>three</li>
</ul>
<ul>
<li>two</li>
<li>four</li>
</ul>

1 个答案:

答案 0 :(得分:1)

一种可能的解决方案:

$("ul li:odd")​​​​​​​.appendTo($("<ul>").insertAfter("ul"));​​​

同一解决方案的另一种变体:

$("<ul>").insertAfter("ul").append($("ul li:odd"));​

DEMO: http://jsfiddle.net/4FyAa/