Как удалить пункт меню, зная значение его data-атрибута?

Question

[Сергей]

Есть меню, из которого нужно с помощью js удалить пункт:

<ul class="menu__list">
            <li class="menu__item selector focus" data-action="main">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Главная</div>
            </li>

            <li class="menu__item selector" data-action="movie">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Фильмы</div>
            </li>

            <li class="menu__item selector" data-action="tv">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Сериалы</div>
            </li>

            <li class="menu__item selector" data-action="catalog">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Каталог</div>
            </li>
            <li class="menu__item selector" data-action="collections">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Подборки</div>
            </li>
            <li class="menu__item selector" data-action="relise">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Релизы</div>
            </li>
            <li class="menu__item selector" data-action="anime">
                <div class="menu__ico"><img src="..."></div>
                 <div class="menu__text">Аниме</div>
            </li>
        </ul>

Например, нужно удалить "Аниме":

<li class="menu__item selector" data-action="anime">
                <div class="menu__ico"><img src="..."></div>
                <div class="menu__text">Аниме</div>
            </li>

Как это можно реализовать?

Answer 1

[Danny Arty]

var elem = document.querySelector("[data-action='anime']");
elem.remove();

Comments

[Сергей]

Спасибо.