English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery wrapAll() метод

Методы HTML/CSS jQuery

Метод wrapAll() обертывает указанный HTML-элемент вокруг всех выбранных элементов.

Синтаксис:

$(selector).wrapAll(wrappingElement)

Пример

Обертывание элемента DIV вокруг всех элементов <p>:

$("button").click(function(){
  $("p").wrapAll("<div></div>");
});
Проверьте, как это работает‹/›

Этот пример использует document.createElement() для создания элемента DIV и обертывания его вокруг всех элементов <p>:

$("button").click(function(){
  $("p").wrapAll(document.createElement("div"));
});
Проверьте, как это работает‹/›

Обратите внимание, что в этом примере между абзацами было забыто все содержимое, например (о мне?):

Это первый абзац.

Это второй абзац.

А что насчет меня?

Это последний абзац.

Запустить код

Разница между методами wrap() и wrapAll():

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").wrapAll("<div></div>");
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрыОписание
wrappingElementУказать структуру, которая будет обертывать все выбранные элементы

Возможные значения:

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

Методы HTML/CSS jQuery