首页 > Web开发 > 详细

js根据子目录数目显示父级目录

时间:2017-08-23 18:05:05      阅读:237      评论:0      收藏:0      [点我收藏+]

  需求:<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根据子目录数目显示父级目录

原文:http://www.cnblogs.com/wxdblog/p/7419425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!