刪除/隱藏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> ，但是它刪除了第二個位置的所有<li> ： nav li ul li:nth-child(2) { display: none; } 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();
    // -------------------^
});

除此之外，如果不看標記就很難知道正確的答案。

---

編輯：

selector, it needs to be an exact match. 如果要使用attribute-equals-selector 選擇器，則必須完全匹配。

所以這：

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

應該：

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

. 或者，您也可以使用attribute-starts-with-selector attribute-starts-with-selector 。

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