结束语多个元素（jQuery的）

Question

我有这一块的HTML：

div.content 
    div.one 
    content 
    div.two 
    content 
    div.three 
    content 

我想顶部和底部和添加两个div换一个DIV它周围，使其成为：

div.top 
div.wrapper 
    div.content 
    div.one 
     content 
    div.two 
     content 
    div.three 
     content 
div.bottom 

我知道几个换行选择器（innerWrap，wrapAll等），但我不知道如何换行2个div。

下面的jQuery可能会工作，但有没有更好的方式来写它？

$('content').wrap('<div class="wrapper"></div'); 
$('.wrapper').before('<div class="top"></div>'); 
$('.wrapper').after('<div class="bottom"></div>'); 

Answer 1

我会做在同一行，以尽量减少查找：

$('content') 
    .before('<div class="top"></div>') 
    .after('<div class="bottom"></div>') 
    .wrap('<div class="wrapper"></div>');