Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.11.2013, 16: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>");
}

Подскажите как можно сделать такое.
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 19.11.2013, 17:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,782

Сообщение от Bubek
как можно сделать такое
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
div {
	border: 1px solid;
}
</style>
<script type="text/javascript">
$(function (){
	var o=$('body > p[class^="volt"]');
	while (o.length>0) {
		$('.'+o.get(0).className).wrapAll('<div></div>');
		o=$('body > p[class^="volt"]');
	};
});
</script>
</head>
<body>
<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>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 20.11.2013, 09:33
Новичок на форуме
Отправить личное сообщение для Bubek Посмотреть профиль Найти все сообщения от Bubek
 
Регистрация: 09.12.2011
Сообщений: 2

Спасибо, все работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
определить ширину див тега dadli Общие вопросы Javascript 6 20.02.2012 15:34
DOM. Выборка элемента по классу ручками prolapse Events/DOM/Window 6 18.09.2011 18:13
Выборка по классу а не по ID Brankub Общие вопросы Javascript 1 29.09.2010 11:25