Показать сообщение отдельно
  #1 (permalink)  
Старый 19.11.2013, 17:48
Новичок на форуме
Отправить личное сообщение для Bubek Посмотреть профиль Найти все сообщения от Bubek
 
Регистрация: 09.12.2011
Сообщений: 2

Выборка по классу тега и помещение в див
Здравствуйте,
есть динамически создаваемый контекст, в которым теги одного класса нужно обернуть дивом:
<p class="volt220">Hello</p>
  <p class="volt220">cruel</p>
  <p class="volt240">Hello</p>
  <p class="volt240">cruel</p>
  <p class="volt250">World</p>
  <p class="volt260">World</p>
  <p class="volt220">World</p>
  <p class="volt260">World</p>
  <p class="volt260">World</p>

а нужно:
<div>
  <p class="volt220">Hello</p>
  <p class="volt220">cruel</p>
  <p class="volt220">World</p>
</div>
<div>
  <p class="volt240">Hello</p>
  <p class="volt240">cruel</p>
</div>
<div>
  <p class="volt250">World</p>
</div>
<div>
  <p class="volt260">World</p>
  <p class="volt260">World</p>
  <p class="volt260">World</p>
</div>

в названии класса неизменное только первая часть volt
Класс я выбрал, а обернуть одинаковые классы в один див не получается.
вот мой код (jquery):
var items = $("p[class^='volt']");
var arr = jQuery.makeArray(items);
   for(var i in arr) {
	 if (!arr.hasOwnProperty(i)) continue;
     $(arr[i]).wrapAll("<div class='group'></div>");
}

Подскажите как можно сделать такое.
Спасибо.
Ответить с цитированием