将每两个div包装在一个新的div中

Question

假设我有以下代码：

<div class="somediv"></div>
<div class="somediv"></div>
<div class="somediv"></div>
<div class="somediv"></div>
<div class="somediv"></div>
<div class="somediv"></div>

我该如何将每两个 div 包装在一个新的 class 为 "newdiv" 的 div 中？

- Vojislav Kovacevic

Answer 1

这是操作步骤：

如下所示：

var elems = $(".somediv"),
wrapper = $('<div class="wrapper" />');
for (var i = 0;i < elems.length;i+=2){
    elems.filter(':eq('+i+'),:eq('+(i+1)+')').wrapAll(wrapper);
};

这里有一个工作的JSFiddle示例，请点击这里。

- Klaas Leussink

---

非常好，谢谢！我最初使用的是ul，然后逐步将li标签转换为具有相同类的div标签，但是这一点我无法做到（尤其是现在看代码），所以我认为你的玩笑话不合适，但还是谢谢。 - Vojislav Kovacevic

只是说，当你写下你已经尝试过的事情时，它会有所帮助，就像你刚才做的那样 ;) 祝你好运。 - Klaas Leussink

@c_kick 不会导致多个具有相同id的div吗？ - aravk33

如果不是第一句话或ID的问题，我会给这个答案打分。 - Michael Oxborrow