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

jQuery wrapInner() метод

Методы HTML/CSS jQuery

Метод wrapInner() обертывает指定的 HTML-элемент вокруг содержимого каждого выбранного элемента.

Синтаксис:

Оберните элемент вокруг содержимого:

$(selector).wrapInner(wrappingElement)

Используйте функцию для обертывания элемента вокруг содержимого:

$(selector).wrapInner(function(index))

Пример

Оберните элемент <b>вокруг содержимого каждого элемента <p>:

$("button").click(function(){
  $("p").wrapInner("<b></b>");
});
Проверьте, посмотрите‹/›

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

$("button").click(function(){
  $("p").wrapInner(document.createElement("b"));
});
Проверьте, посмотрите‹/›

Обертка содержимого функции:

$("button").click(function(){
  $("p").wrapInner(function(){
      return document.createElement("b");
  });
});
Проверьте, посмотрите‹/›

Значения параметров

ПараметрыОписание
wrappingElementУказать HTML-элемент, который окружает содержимое каждого выбранного элемента.

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

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

function(index)Указать функцию, которая возвращает обертку элемента
  • index-Вернуть индекс элемента в наборе

Методы HTML/CSS jQuery