Форум

Lutidza · #1 (**permalink**) 01.08.2014, 17:54

Добрый день.
Есть следующий код:

<div class="one">One</div>

<div class="two">Two</div>

<div class="three">Three</div>

Как можно обернуть эти три элемента в общий div ?
Всё до чего я додумался это собрать элементы в массив и обернуть его. Но у меня вышло немного не то, так как оборачивается каждый элемент массива.
Вот код:

<script>

$(document).ready(function(e) {
    
	var arr = [];
	arr.push($('.one'));
	arr.push($('.two'));
	arr.push($('.three'));
	
	$(arr).each(function(){
		$(this).wrapAll('<div class="wrap"></div>');
		});

});


</script>

Помогите, пожалуйста

рони · #2 (**permalink**) 01.08.2014, 18:03

Lutidza,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .wrap{
    border: #FF0F0F 4px solid;
  }

   </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var $divs = $(".one, .two, .three");
	   $divs.wrapAll('<div class="wrap"></div>');

});
  </script>
</head>

<body>
<div class="one">One</div>

<div class="two">Two</div>

<div class="three">Three</div>

</body>

</html>

Lutidza · #3 (**permalink**) 01.08.2014, 18:03

Нет, такой возможности нету.
Элементы выводятся РНР скриптом через foreach и только часть из них нужно обернуть в div

Lutidza · #4 (**permalink**) 01.08.2014, 18:05

Рони - Большое спасибо. Это именно то, что нужно.

Оказывается я был близок. Нужно было вместо each использовать обычную функцию.

Спасибо.

Форум

Справочник

Discord чат

Курсы javascript