.after()

DOM

Метод .after() позволяет вставить новый контент после другого элемента. Добавить указанное содержимое сразу после определенного элемента в html.

after(ref, element)

Параметр	Тип	По умолчанию	Описание
`ref`	String	`null`	Элемент HTML.
`element`	String	`null`	HTML-контент, который добавляется.

Пример использования

В данном примере добавим дополнительный HTML-элемент с текстовым содержимым следующий за пунктом списка с идентификатором #target-after. В select-контейнер для стилизации добавим класс .uk-select из компонента Форма.

<select class="uk-select">
    <option id="target-after">Вариант №1</option>
    <option>Вариант №2</option>
</select>

let myTarget  = util.$('#target-after');
let elContent = '<option>Добавляемое с помощью Javascript</option>';

util.after(myTarget, elContent);

Результат

<select class="uk-select">
    <option id="target-after">Вариант №1</option>
    <option>Добавляемое с помощью Javascript</option>
    <option>Вариант №2</option>
</select>