.before()

DOM

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

before(ref, element)

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

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

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

<select class="uk-select">
    <option>Вариант 01</option>
    <option id="target-before">Вариант 02</option>
</select>

let myTarget = util.$('#target-before');
let myContent = '<option>Добавляемый контент с помощью Javascript</option>';

util.before(myTarget, myContent);

Результат

<select class="uk-select">
    <option>Вариант 01</option>
    <option>Добавляемый контент с помощью Javascript</option>
    <option id="target-before">Вариант 02</option>
</select>