jquery - 我需要分割每两个 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)用新 wrapper 包裹它们。
• eq() ^(docs)获取集合中的第一个
• closest() ^(docs)遍历到最近的(新创建的) <div>祖先
• unwrap() ^(docs)删除旧的 <ul>

<小时/>

编辑:修改了我的答案以处理奇数 <li>元素。