用jQuery中的另一个div封装一组div

Question

我有点难过如何做到这一点.

我正在使用jQuery并希望用div封装某些div组.

例如,我有:

<div id="groups">  
    <div class="group-1">x</div>
    <div class="group-1">x</div>
    <div class="group-2">x</div>
    <div class="group-2">x</div>
    <div class="group-3">x</div>
</div>

并希望最终得到:

<div id="groups">  
  <div id="set-1">
    <div class="group-1">x</div>
    <div class="group-1">x</div>
  </div>
  <div id="set-2">
    <div class="group-2">x</div>
    <div class="group-2">x</div>
  </div>
  <div id="set-3">
    <div class="group-3">x</div>
  </div>
</div>

我能够循环通过每个格,并添加周围每个人但不是我上面所希望的方式核实.任何建议都欣赏.

谢谢.

Answer 1

看到 .wrapAll()

$(".group-1").wrapAll('<div id="set-1" />');
$(".group-2").wrapAll('<div id="set-2" />');
$(".group-3").wrapAll('<div id="set-3" />');

如果您需要选择器仅匹配#groups div中的类,请使用子选择器,例如 $('#groups > .group-1')