javascript - 将多个 div 与其他 div 包裹起来

Question

我有几个 div 如下:

<div id='id1'>blabla</div>
<div id='id2'>blabla</div>
<div id='id3'>blabla</div>
<div id='id4'>blabla</div>
<div id='id5'>blabla</div>
<div id='id6'>blabla</div>

我想添加一个新的 div ( <div id='newdiv'> ) 以包裹我指定的 div。

例如“id3”之前和“id5”之后。 所以我们得到:

<div id='id1'>blabla</div>
<div id='id2'>blabla</div>
<div id='newdiv'>
  <div id='id3'>blabla</div>
  <div id='id4'>blabla</div>
  <div id='id5'>blabla</div>
</div>
<div id='id6'>blabla</div>

你知道执行此操作的 jQuery 代码吗？

Answer 1

使用jQuery .wrapAll() :

$('#id3, #id4, #id5').wrapAll('<div id="newdiv" />')

fiddle :http://jsfiddle.net/K4HVR/