Метод jQuery wrap()

Методы HTML/CSS jQuery

Метод wrap() использует指定的 элемент HTML для обертывания каждого выбранного элемента.

Использованиеunwrap()Метод удаляет родительский элемент выбранного элемента.

Грамматика:

Элемент обертывания:

$(selector).wrap(wrappingElement)

Обертка элементов функцией:

$(selector).wrap(function(index))

Пример

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

$("button").click(function(){
　　$("p").wrap("<div></div>");
});

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

$("button").click(function(){
　　$("p").wrap(document.createElement("div"));
});

Обертка элементов функцией:

$("button").click(function(){
　　$("p").wrap(function(){
　　　　　　return document.createElement("div");
　　});
});

Переключение между 包装 и разворачиванием элементов:

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").unwrap();
});

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

Методы HTML/CSS jQuery