Как обернуть несколько элементов?
Добрый день.
Есть следующий код: <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>
Помогите, пожалуйста :) |
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>
|
Нет, такой возможности нету.
Элементы выводятся РНР скриптом через foreach и только часть из них нужно обернуть в div |
Рони - Большое спасибо. Это именно то, что нужно.
Оказывается я был близок. Нужно было вместо each использовать обычную функцию. Спасибо. |
| Часовой пояс GMT +3, время: 01:24. |