在容器中包装两个div

Question

我有一个包含多个div的容器,我需要使用jquery将其中的两个包装在另一个div中.请建议可能的方式.

实际结构

<div class='parent'>
 <div class='a'>abcd</div>
 <div class='b'>abcd</div>
 <div class='c'>abcd</div>
 <div class='d'>abcd</div>
</div>

预期结构:

<div class='parent'>
 <div class='a'>abcd</div>
 <div class='child'>
  <div class='b'>abcd</div>
  <div class='c'>abcd</div>
 </div>
 <div class='d'>abcd</div>
</div>

Answer 1

你可以使用wrapAll()功能!它包装了与选择器匹配的所有元素!:)

$('.b,.c').wrapAll('<div class="child"></div>');

JSFIDDLE DEMO