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

.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 не будет опубликован.