.wrap — помещает выбранные элементы внутрь заданного элемента (как бы «обертывая» их).
Имеется два варианта использования функции.
|
1 2 3 |
.wrap( wrappingElement ) |
Выбранные элементы будут «обернуты» содержимым wrappingElement.
- wrappingElement — html-текст, объект jQuery или DOM объект, внутрь которого будут помещены выбранные элементы.
|
1 2 3 |
.wrap( function ) |
Выбранные элементы обертываются содержимым, которое будет возвращено функцией.
- function — функция, которая возвращает html-содержимое и вызывается для каждого элемента в наборе.
Пример 1
При нажатии кнопки, блоки с классом inner будут обернуты блоком с классом new
See the Pen mWPpav by Aleksei (@AmateR) on CodePen.dark
Пример 2
При нажатии кнопки, блоки с классом inner будут обернуты блоком с классом, который вернет функция — текстовое содержимое блока. Т.е. первый блок будет обернут в <div class="Hello"></div> (синяя рамка), а второй в <div class="Goodbye"></div> (красная рамка)
See the Pen EWKoMb by Aleksei (@AmateR) on CodePen.dark
