Удалить элемент, если он имеет дочерний элемент

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

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

Если на якорь:

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

Answer 3

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

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