Книга: JavaScript. Подробное руководство, 6-е издание

19.3.3. Обертывание элементов

19.3.3. Обертывание элементов

Другой способ вставки элементов в HTML-документ связан с обертыванием новым элементом (или элементами) одного или более элементов. Объект jQuery определяет три метода обертывания. Метод wrap() обертывает каждый выбранный элемент. Метод wrapInner() обертывает содержимое каждого выбранного элемента. А метод wrapAll() обертывает все выбранные элементы как единое целое. По умолчанию этим методам передается вновь созданный обертывающий элемент или строка с разметкой HTML, которая будет использована для создания обертки. Строка с разметкой HTML может включать вложенные элементы, если это необходимо, но на самом верхнем уровне она должна содержать единственный элемент. Если любому из этих методов передать функцию, она будет вызываться по одному разу в контексте каждого элемента (с индексом элемента в виде единственного аргумента) и должна возвращать строку, элемент Element или объект jQuery. Например:

// Обернуть каждый элемент <h1> элементом <i>
$("h1").wrap(document.createElement("i")); // Результат: <i><h1>...</h1></i>
// Обернуть содержимое каждого элемента <h1>. Строковый аргумент проще в использовании.
$("h1").wrapInner("<i/>"); //Результат: <h1><i>... </i></h1>
// Обернуть первый абзац якорем и элементом div
$("body>p:first").wrap("<a name='lead'><div></div></a>"):
// Обернуть все остальные абзацы другим элементом div
$(”body>p:not(:first)").wrapAll("<div ></div>"):

Оглавление книги