当元素具有指定的子元素时删除元素

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">的{​​{1}}：

<a href="#link1">

如果您要删除包含子$(function() { $('a[href="#link1"]').parent('li.nav-tab').remove(); }); 的{​​{1}}：

<li class="nav-tab">

Answer 2

您可以使用attribute-equals selector和: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');
 });