如何删除匹配的标签，但留下内容与JQuery

Question

我有这样的HTML：

<div>
 <div class="a">
  content1
 </div>
 content 2
 <div class="a">
  <b>content 3</b>
 </div>
</div>

我希望摆脱class =“a”的div，但留下他们的内容。我最初的尝试是：

$("div.a").replaceWith($(this).html());

但此未定义。你会怎么做？

Answer 1

试

$("div.a").each(function(){
    $(this).replaceWith($(this).html());
});

Answer 2

使用字符串化的HTML内容替换元素将会破坏可能存在的任何事件处理程序。这不会：

$("div.a").each(function () {
    $(this).replaceWith($(this.childNodes));
});

Answer 3

在jQuery中，您还可以使用contents和unwrap。

$(".parent").find(".a").contents().unwrap(); 

<div class="parent">
 <div class="a">
  content1
 </div>
 content 2
 <div class="a">
  <b>content 3</b>
 </div>
</div>