Удалить элемент из HTML, используя jQuery

Question

Я новичок в jQuery.

У меня есть элемент списка следующим образом.

<ul>
    <li>
        <a href="abc">ABC</a>
    </li>
    <li> <!-- I want to remove this element-->
        <ul>
            <li>
                <a href="def">DEF</a>
            </li>
            <li>
                <a href="ghi">GHI</a>
            </li>
        </ul>
    </li>
</ul>

Я хочу удалить элемент LI (закомментированный в примере выше), который имеет якорный тег GHI, используя jQuery,или другими способами я хочу удалить этот элемент на основе свойства href или текста, содержащегося в теге привязки.

Пожалуйста, помогите

Answer 1

$("ul:first > li:eq(1)").remove()

Выберите первый ul, затем удалите второго дочернего элемента li.

Или, если вы имели в виду li с тегом GHI,

$("ul:eq(1) > li:eq(1)").remove()

Выберите второй ul и найдитевторой ли ребенок.

Answer 2

Чтобы удалить элемент li, расположенный где-то над якорем с помощью href="ghi", вы можете сделать что-то вроде этого:

jQuery('a[href="ghi"]').parents('ul > li').remove();

или если элемент li, который необходимо удалить, не является прямым потомком элемента ul (хорошая точка, мртшерман):

jQuery('a[href="ghi"]').parents('ul li').remove();

Посмотрите это в действии: jsfiddle.net / tadeck / EmZ4N /

Answer 3

$('a[href="ghi"]').closest('li').closest('li').remove();

Answer 4

Если вы хотите удалить li с определенными href (s):

$('li > a[href^="abc"]').remove();

То есть выбираются все элементы списка, содержащие якоря с hrefs, которые начинаются с "abc", а затем удаляются.