wrapAll()

41
посл. ред. 12.08.2016

Метод wrapAll() вставляет все элементы выборки в указанный элемент (оборачивает указанным элементом). Если элементы выборки находятся в разных местах DOM-дерева, тогда jQuery переместит все элементы в одно место перед обёртыванием.

Варианты использования

jQ_object.wrapAll(HTML-код) => jQuery
Вставляет все элементы выборки в указанный HTML-код.
jQ_object.wrapAll(DOM-элемент) => jQuery
Вставляет все элементы выборки в указанный DOM-элемент.
jQ_object.wrapAll(jQuery-объект) => jQuery
Вставляет все элементы выборки в элемент, представленный jQuery-объектом.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
</body>
</html>
 
<script>
$('li')
/* выбор всех элементов списка */
  .wrapAll('<ol></ol>');
/* 'обёртывание' всех элементов списка */
</script>
  1. Элемент списка
  2. Элемент списка
<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <li>Элемент списка</li>
  <p>Параграф</p>
  <li>Элемент списка</li>
</body>
</html>
 
<script>
$('li')
/* выбор всех элементов списка */
  .wrapAll('<ol></ol>');
/* 'обёртывание' всех элементов списка в одном месте*/
</script>
  1. Элемент списка
  2. Элемент списка

Параграф