このようなhtmlを取得する方法:
<div id="generalContainer">
<div id="subContainer">
<div id="content">
</div>
</div>
</div>
このような元のhtmlから:
<div id="generalContainer">
<div id="content">
</div>
</div>
ありがとう
$("#content").wrap('<div id="subContainer">');
<div id="generalContainer">
<div id="content">blabla</div>
</div>
<script>
var ct = $('#generalContainer').html();
$('#generalContainer').html('<div id="subContainer">'+ct+'</div>');
</script>
この動作中の JSFiddleを見てください。
要するに、これはあなたが必要とするコードです:
$('#content').wrapAll('<div class="newdiv">Child in between</div>');
また、以前に投稿されたこの質問を見てください。