第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 div / class 隱藏 li 項目

使用 div / class 隱藏 li 項目

慕的地6264312 2023-11-13 10:43:45
我試圖在快速啟動菜單中隱藏項目(li?),其中顯示“隱藏好處”,HTML 是;<div class=" noindex ms-core-listMenu-verticalBox" id="zz13_idPDPQuickLaunch">    <ul class="root ms-core-listMenu-root static" id="zz14_RootAspMenu">        <li class="static">            <a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/">                <span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Defra Benefits Dev</span></span>            </a>            <ul class="static">                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Project Information</span></span></a></li>                <li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits</span><span class="ms-hidden">Currently selected</span></span></a></li>                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>            </ul>        </li>    </ul></div>我嘗試過以下方法但沒有成功<script>$(document).ready(function() {    $("#zz13_idPDPQuickLaunch *:contains('Benefits HIDDEN')").hide ();});</script> 
查看完整描述

3 回答

?
冉冉說

TA貢獻1877條經(jīng)驗 獲得超1個贊

$('.menu-item-text').each(function() {

  this.textContent.trim() === 'Benefits HIDDEN' && $(this).closest('li').hide();

});

<div class="noindex ms-core-listMenu-verticalBox" id="zz13_idPDPQuickLaunch">

  <ul class="root ms-core-listMenu-root static" id="zz14_RootAspMenu">

    <li class="static">

      <a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/">

        <span class="additional-background ms-navedit-flyoutArrow">

<span class="menu-item-text">Defra Benefits Dev</span></span>

      </a>

      <ul class="static">

        <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Project Information</span></span></a></li>

        <li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits</span><span class="ms-hidden">Currently selected</span></span></a></li>

        <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>

        <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>

      </ul>

    </li>

    <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="javascript:PDPInfrastructure.NavigateWSSPage(0,true)"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Project Site</span></span></a></li>

  </ul>

</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


查看完整回答
反對 回復(fù) 2023-11-13
?
料青山看我應(yīng)如是

TA貢獻1772條經(jīng)驗 獲得超8個贊

由于許多元素都包含該文本(不僅僅是span它所在的元素,還有 the liis spanin、itsul等,甚至#zz13_idPDPQuickLaunch元素本身),因此您必須更加具體地選擇您的選擇器。

理想情況下,向要隱藏的最里面的元素添加一個類或其他內(nèi)容。但你也可以從結(jié)構(gòu)上做到這一點。例如,如果您想隱藏lis:

$(document).ready(function() {
    $("#zz13_idPDPQuickLaunch li ul li.static:contains('Benefits HIDDEN')").hide ();
});

實例:

$(document).ready(function() {

    $("#zz13_idPDPQuickLaunch li ul li.static:contains('Benefits HIDDEN')").hide ();

});

<div class=" noindex ms-core-listMenu-verticalBox" id="zz13_idPDPQuickLaunch">

    <ul class="root ms-core-listMenu-root static" id="zz14_RootAspMenu">

        <li class="static">

            <a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/">

                <span class="additional-background ms-navedit-flyoutArrow">

<span class="menu-item-text">Defra Benefits Dev</span></span>

            </a>

            <ul class="static">

                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Project Information</span></span></a></li>

                <li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits</span><span class="ms-hidden">Currently selected</span></span></a></li>

                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>

                <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/pwa/"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Benefits HIDDEN</span></span></a></li>

            </ul>

        </li>

        <li class="static"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="javascript:PDPInfrastructure.NavigateWSSPage(0,true)"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Project Site</span></span></a></li>

    </ul>

</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

這就是說,您只想隱藏包含該文本的元素,前提是它們是 #zz13_idPDPQuickLaunch` 元素內(nèi)的a 內(nèi)的類li的元素。staticulli



查看完整回答
反對 回復(fù) 2023-11-13
?
絕地?zé)o雙

TA貢獻1946條經(jīng)驗 獲得超4個贊

您需要循環(huán)每個“l(fā)i”項目并首先檢查其中的文本。嘗試這個:


$(function(){


            var menu_items = $("#zz14_RootAspMenu").find("li");

          menu_items.each(function(idx,el){

            var current_text = $(el).find('.menu-item-text').text();


            if(current_text == "Benefits HIDDEN"){

              $(this).hide();

            }

          })



        });


查看完整回答
反對 回復(fù) 2023-11-13
  • 3 回答
  • 0 關(guān)注
  • 177 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號