javascript - 如何使用jquery用div包围图像标签

Question

我有一个包含内部 div 标签的 div 标签。如何在 x 个 div 标签周围添加打开和关闭标签。

例如

    <div id="resizable">
        <div><img class="img1 image" src="images/lion5.jpg" /></div>
        <div><img class="img2 image" src="images/lion1.jpg"/></div>
        <div><img class="img2 image" src="images/lion2.jpg"/></div>
        <div><img class="img2 image" src="images/lion3.jpg"/></div>
    </div>

添加转换代码为:

<div id="resizable">
    <div class="row">
        <div><img class="img1 image" src="images/lion5.jpg" /></div>
        <div><img class="img2 image" src="images/lion1.jpg"/></div>
    </div>
    <div class="row">
        <div><img class="img2 image" src="images/lion2.jpg"/></div>
        <div><img class="img2 image" src="images/lion3.jpg"/></div>
    </div>
</div>  

希望任何人都可以告诉我一个动态执行此操作的脚本。

Answer 1

完成@Derek 的回答，你可以循环 .slice()并使用 .wrapAll()完成工作。

var c = $('#resizable').children();

for (var i = 0 ; i < c.length ; i+=2) {
    c.slice(i,i+2).wrapAll('<div class="row"></div>');
}​

演示:http://jsfiddle.net/SAtrc/1/