1. 程式人生 > >js根據子目錄數目顯示父級目錄

js根據子目錄數目顯示父級目錄

spa cti col pre rem 春秋 color menu ()

  需求:<ul>中<li>數量為0,則不顯示<ul>以及<b>;<div>中<ul>數量為0,則不顯示<div>

  1.html代碼

//
<div class="myPerson" id="myPersonBtn">
    人物管理
</div>
<div class="myPersonClass" id="myPersonId">
    <b>春秋五霸</b>
    <ul>
    </ul>
    <b>三國演義</
b> <ul> <li><a href="">曹操</a></li> <li><a href="">劉備</a></li> <li><a href="">孫權</a></li> <li><a href="">諸葛亮</a></li> <li><a href="">司馬懿</a></
li> <li><a href="">周瑜</a></li> <li><a href="">陸遜</a></li> <li><a href="">郭嘉</a></li> <li><a href="">荀彧</a></li> <li><a href="">關羽</a></li> </
ul> <b>戰國七雄</b> <ul> </ul> </div>

  2.js實現代碼(不要忘了引入jQuery)

    isShowMenu("#myPersonId");

    function isShowMenu(id){
        $(id).find(‘ul‘).each(function(ulObj){
            var liCount = $(this).find(‘li‘).length;
            if(liCount <= 0){
                $(this).prev().css(‘display‘,‘none‘);
                $(this).remove();
            }
        });
        //
        var ulCount = $(id).find(‘ul‘).length;
        if(ulCount <= 0){
            $(id).remove();
        }
    }

js根據子目錄數目顯示父級目錄