我需要拆分每2个li并将它们附加到div

Question

我有一个通用列表

 <ul>
    <li>list item1</li>
    <li>list item2</li>
    <li>list item3</li>
    <li>list item4</li>
    <li>list item5</li>
   <li>list item6</li>
</ul>

但我想做的是

<div class="list">
<ul>
    <li>list item1</li>
    <li>list item2</li>
 </ul>
</div>

<div class="list">
<ul>
    <li>list item3</li>
    <li>list item4</li>
 </ul>
</div>

<div class="list">
<ul>
    <li>list item5</li>
    <li>list item6</li>
 </ul>
</div>

我无法向li添加类的原因是这是在Business Catalyst中创建的动态菜单,我可以使用任何建议来处理这种情况的最佳方法.

最好的塔拉

Answer 1

示例: http ://jsfiddle.net/jBYqt/2/

$('ul > li:nth-child(2n-1)').each(function() {
    $(this).next().add(this).wrapAll('<div class="list"><ul></ul></div>');
}).eq(0).closest('div').unwrap();

• nth-child-selector^(docs)<li>从第一个开始每秒钟
• each()^(docs)迭代它们
• next()^(docs)获得下一个<li>
• add()^(docs)将当前的一个添加到下一个(所以你有1和2,3和4等组)
• wrapAll()^(docs)用新的包装器包装它们.
• eq()^(docs)从集合中获得第一个
• closest()^(docs)遍历最近的(新创建的) <div>祖先
• unwrap()^(docs)删除旧的<ul>

编辑:修改我的答案来处理奇数个<li>元素.