包装多个元素（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>');

- eozzy

Answer 1

我会将其一行化以减少查找:

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

- Doug Neiner