Удалить элемент, когда у него есть указанный дочерний элемент

Question

Как я могу удалить элемент списка, если у него есть дочерняя ссылка какого-то определенного идентификатора?Поэтому, глядя на код ниже, я хотел бы найти <li> с <a> из id=link1 и удалить это li.

<li class="nav-tab">
    <a href="#link1">Component</a>
</li>

Я пробовал код ниже, ноне работает:

 $(function() {
     $('.nav-tab:has(#link1)').css('display', 'none');
 }); 

Answer 1

Ваш вопрос и ваш код противоречат друг другу, поэтому я предоставлю ответы для обоих случаев.

Если вы хотите удалить <li class="nav-tab">, который содержит дочерний элемент <a href="#link1">:

$(function() {
    $('a[href="#link1"]').parent('li.nav-tab').remove();
});

Если вы хотите удалить <li class="nav-tab">, который содержит дочерний элемент <a id="link1">:

$(function() {
    $('a#link1').parent('li.nav-tab').remove();
});

Answer 2

Вы можете использовать атрибут равных атрибутов и :has(), чтобы увидеть, содержит ли он элемент, соответствующий этому ..., тогда просто вызовите .remove() об этом.

$("li:has(a[href='#link1'])").remove()

Answer 3

$(function() {
     $(".nav-tab > a[id='yourID']").css('display', 'none');
 }); 

Если якорь:

$(function() {
     $(".nav-tab > a[href='yourLink']").css('display', 'none');
 });