javascript - 当元素有指定的子元素时移除元素

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">包含一个 child <a href="#link1"> :

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

如果你想删除一个<li class="nav-tab">包含一个 child <a id="link1"> :

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