删除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

Answer 2

您还可以保存div的数据，然后在完成后将其附加到表单中。这是一个小提琴的例子：

http://jsfiddle.net/afzaal_ahmad_zeeshan/pPGj2/

代码是：

var dataContent = $('.form-data').html();
$('.form-data').remove();
$('form').append(dataContent);