jquery - 将两个 div 包裹在一个容器中

Question

我有一个包含多个 div 的容器，我需要使用 jquery 将其中两个 div 包装在另一个 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