.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]