jquery - 为什么 jQuery 自己完成标签

Question

我试图将标签与其他具有类 A 和 B 的 div 标签一起封装。我的最终结果应该是这样的:

<div class="A">
    <div class="B">
      **<div class="C"></div>**
    </div>
</div>

我使用以下代码来执行此操作:

<script>
    jQuery('<div class="A"><div class="B">').insertBefore('.C');
    jQuery('</div></div>').insertAfter('.C');
            </script>

但是，代码如下:

<div class="A">
  <div class="B">
  </div>
</div>
<div class="C">
</div>

这显然不是我想要的。请帮忙。

Answer 1

wrap是您需要的函数，因为您想要将两个 div 标签包裹在现有标签周围，而不是在其之前或之后插入新标签:

$('.C').wrap('<div class="A"><div class="B"></div></div>');