.wrapInner()

DOM

Внутреннее оборачивание содержимого HTML элемента указанными элементами. Обернуть контент выбранного элемента в структуру HTML.

Параметр Тип По умолчанию Описание
element String null Элемент HTML, родитель.
structure String null Внедряемая структура HTML.

Структура может быть вложенной на несколько уровней.

Использование

Имея простой текстовый абзац #my-element обернем имеющийся в нём текст в строковый контейнер span с классом .uk-text-danger компонента Текст, чтобы текст стал красным цветом. Дополнительно добавим серьёзности и значимости внедрив элемент <strong>.

<p id="my-element">Это абзац!</p>
let myElement = util.$('#my-element');

util.wrapInner(myElement, '<span class="uk-text-danger"><strong>');

Результат

<p id="my-element"><span class="uk-text-danger"><strong>Это абзац!</strong></span></p>