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

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