.remove()

DOM

Метод .remove() удаляет всё что видит на своём пути. Удалить определенный элемент из DOM. Удаляет выбранные элементы, включая текстовые и дочерние узлы.

remove([element])

Используйте метод .remove() если нужно удалить сам элемент, а также все, что внутри него. Следующий параметр может быть передан в функцию.

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

Примеры

<select class="uk-select">
    <option id="option-remove">Вариант 01 под удаление под удаление</option>
    <option>Вариант 02</option>
</select>
const elRemove = util.$('#option-remove');

util.remove(elRemove);

Результат

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

Добавим больше элементов и рассмотрим следующий HTML:

<div>
    <h4>Текстовый заголовок</h4>
    <ul id="list-remove" class="uk-list">
        <li>Мой элемент 1</li>
        <li>Это элемент 2</li>
        <li>А это элемент 3</li>
    </ul>
</div>
const listRemove = util.$('#list-remove');

util.remove(listRemove);

Результат

<div>
    <h4>Текстовый заголовок</h4>
</div>