刪除元素時，它有一個指定的子元素

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()