Обертывание содержимого элементов страницы

.wrapInner() — «обертывает» внутреннее содержание выбранных элементов.

Функция имеет два варианта использования.

«Обертывает изнутри» выбранные элементы заданным содержимым wrappingElement.

  • wrappingElement — html-текст, объект jQuery или DOM объект, внутрь которого будут помещены выбранные элементы.

«Обертывает изнутри» выбранные элементы заданным содержимым, которое будет возвращено функцией.

  • function — функция, которая вызывается для каждого из выбранных элементов. Возвращает html-содержимое.

Пример 1

При нажатии кнопки, содержимое блоков с классом inner будет обернуто в тег <b></b>

See the Pen jBraZK by Aleksei (@AmateR) on CodePen.dark

Пример 2

При нажатии кнопки, содержимое блоков с классом inner будет обернуто блоком с классом, который вернет функция — текстовое содержимое блока. Т.е. содержимое первого блока будет обернуто в <div class="Hello"></div> (синий цвет текста), а второго в <div class="Goodbye"></div> (красный цвет текста)

See the Pen NpgGNe by Aleksei (@AmateR) on CodePen.dark

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *