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

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

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

.wrapInner( wrappingElement )

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

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

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

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

Пример 1

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

[codepen_embed height=»217″ theme_id=»dark» slug_hash=»jBraZK» default_tab=»js,result» user=»AmateR»]See the Pen <a href=’http://codepen.io/AmateR/pen/jBraZK/’>jBraZK</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Пример 2

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

[codepen_embed height=»265″ theme_id=»dark» slug_hash=»NpgGNe» default_tab=»js,result» user=»AmateR»]See the Pen <a href=’http://codepen.io/AmateR/pen/NpgGNe/’>NpgGNe</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

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

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