删除元素时，它有一个指定的子元素

Question

如何删除列表元素，如果它有一个定义的ID的子链接？因此，看看下面的代码，我想找到一个<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()