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