結束語多個元素（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>');