jquery - 使用 jQuery unwrap 删除 div 而不移动其中的元素

Question

我想删除具有“form-group”类的 div，但我不想删除其中的代码。 jQuery unwrap 应该做到这一点，但我不知道如何编写代码。

<form class="navbar-form">
<div class="form-group">
<input type="text" id="search" class="form-control" placeholder="Search">
<button class="btn btn-primary modal-search" type="submit">
<span class="icon icon-search"></span>
</button>
</div>       
</form>

Answer 1

使用.unwrap()

$('.form-group').children().unwrap();

DEMO