как удалить совпавшие теги, но оставить содержимое с JQuery

Question

У меня есть HTML как это:

<div> 
<div class="a"> 
    content1 
</div> 
content 2 
<div class="a"> 
    <b>content 3</b> 
</div> 
</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>