Упаковка нескольких элементов (jQuery)

Question

У меня есть этот фрагмент HTML:

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

Я хочу добавить два деления сверху и снизу и обернуть один делитель вокруг него так, чтобы он стал:

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

Мне известны несколько селекторов обтекания (innerWrap, wrapAll и т. Д.), Но я не уверен, как обернуть 2 делителя.

Следующий 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>');