jquery - 删除/隐藏 DIV 中的 li href 链接

Question

我需要在下拉菜单中隐藏/删除链接 (team.aspx)，该菜单稍后会重新添加。这是我的代码:

<div id="nav_menu">
<ul id="nav">
    <li class="current"><a href="home.aspx">HOME</a> </li>
    <li><a href="iam.aspx">I AM A...</a>
    <ul>
    <li><a href="whoweare.aspx">WHO WE ARE</a>
    <ul>
        <li><a href="profile.aspx">OUR EXPERIENCE</a> </li>
        <li><a href="team.aspx">OUR TEAM</a></li>
        <li><a href="mission.aspx">MISSION, VALUES, VISION</a></li>
        <li><a href="strength.aspx">STRENGTHENING COMMUNITIES</a></li>
        <li><a href="stories.aspx">WHERE STORIES ARE MADE</a></li>
    </ul>

</div>

首先，我尝试删除 <li>使用有效的伪，但它删除了所有 <li>在每个第二个位置: nav li ul li:nth-child(2) { display: none; }

接下来，我用 jQuery 尝试了一下，我知道我遗漏了一些东西，我需要帮助:

(function($) {  
    $(document).ready(function(){
        $("#nav li ul li:has(a[href='team'])").remove();
    });
})(jQuery);

Answer 1

也许问题中有错字，但你有一个 {，你应该有一个 [。

$(document).ready(function(){ 
    $("#nav li ul li:has(a[href='team'])").remove();
    // -------------------^
});

除此之外，如果不看您的标记就很难知道正确答案。

---

编辑:

如果您要使用 attribute-equals-selector^(docs)选择器，它需要完全匹配。

所以这样:

$("#nav li ul li:has(a[href='team'])").remove();

应该是:

$("#nav li ul li:has(a[href='team.aspx'])").remove();

或者作为替代方案，您可以使用 attribute-starts-with-selector^(docs) .

$("#nav li ul li:has(a[href^='team'])").remove();