Как обернуть div-ом несколько элементов через jQuery?

Question

[TopdiR]

Здравствуйте Хабравчане.



Нужен Ваш совет. Есть приблизительно такая структура:

<div class="group"><br>
  <div class="element_1"></div><br>
  <div class="element_2"></div><br>
  <div class="element_3"></div><br>
  <div class="element_4"></div><br>
  <div class="element_5"></div><br>
</div><br>

Как мне обернуть element_3 и element_4 в еще один div через jQuery?

Comments

[TopdiR]

В результате нужно получить вот это:

<div class="group">
  <div class="element_1"></div>
  <div class="element_2"></div>
     <div class="new">
         <div class="element_3"></div>
         <div class="element_4"></div>
     </div>
  <div class="element_5"></div>

Answer 1

[Anton Bobylev]

$('.element_3, .element_4').wrapAll('<div class="new">');

Comments

[TopdiR]

То что нужно!
Спасибо Вам большое, а также спасибо всем, кто принимал участие в обсуждении!

Answer 2

[Петруша Укропов]

jquery.page2page.ru/index.php5/Обертывание_элементов_страницы

Comments

[TopdiR]

Спасибо, тоже находил эту страницу. Тут обертывают несколько элементов с одинаковым классом item.
А как обернуть два/три элемента с разными class или id?

[spmbt]

Очевидно, $(".list, .list2, #item3").wrap(...);

[spmbt]

И .appendTo('.group') в конце, видимо, понадобится.

[TopdiR]

И я тоже так решил, но

jQuery(".element_3, element_4").wrap("");

врапает каждый элемент в класс new, а мне нужно чтобы оба класса врапнулись в один класс new.

Answer 3

[web11]

Для выбора диапазон элементов можно использовать slice