Jquery组合标签

Question

如何使用jquery组合两个相似的标签？

@RequestHeader

成：

<div class="case">
  <span>hey</span>
</div>
<div class="case">
  <span>there</span>
</div>

Answer 1

＆＃13;

＆＃13;

$( "span" ).unwrap();
$( "span" ).wrapAll( "<div class='case' />");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="case">
  <span>hey</span>
</div>
<div class="case">
  <span>there</span>
</div>

＆＃13;

＆＃13;

＆＃13;

使用.unwrap()和.wrapAll()

  

描述：从DOM中删除匹配元素集的父节点，将匹配的元素留在原位。

     

描述：围绕匹配元素集中的所有元素包装HTML结构。

Answer 2

感谢gurdio，

我发现这在特定于.case类时会起作用。

$(".case").wrapAll( "<div class='case'/>");
$(".case>.case").children().unwrap();