js根據子目錄數目顯示父級目錄
阿新 • • 發佈:2017-08-23
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根據子目錄數目顯示父級目錄