Показать сообщение отдельно
  #1 (permalink)  
Старый 14.02.2015, 19:08
Аспирант
Отправить личное сообщение для pifon Посмотреть профиль Найти все сообщения от pifon
 
Регистрация: 17.07.2013
Сообщений: 46

jQuery Манипуляции с DOM
Всем привет!

Немного запутался с оборачиванием DOM элементов. Есть такая разметка:

<div class="top">
  <div class="block1"></div>
  <div class="block2"></div>
  <div class="block3"></div>
  <div class="block4"></div>
</div>


Подскажите, пожалуйста, как сделать так, чтобы <div class="block1"> обернулся в <div class="parent1">, а 3 других div обернулись в <div class="parent2">

Короче говоря, чтобы после манипуляций на jQuery получилась такая разметка:

<div class="top">
  <div class="parent1">
    <div class="block1"></div>
  </div>
  <div class="parent2">
    <div class="block2"></div>
    <div class="block3"></div>
    <div class="block4"></div>
  </div>
</div>


Обычными .wrap -подобными методами реализовать не удалось. В качестве алгоритма есть идея - сделать .clone блоков, и встраивание их в прописанные <div class="parent...">, но не хватает знаний для реализации.

Заранее спасибо!
Ответить с цитированием