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

  需求:<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();
        }
    }
时间: 2024-08-11 03:36:23

js根据子目录数目显示父级目录的相关文章

根目录,当前目录,和父级目录在node中写法需要注意的地方

1. 注意  "/style"            "./style"   的区别一个是绝对路径,一个是相对路径, ../ 父级目录./ 当前目录/ 根目录,也叫绝对路径,在一些软件中如果环境变量配置有误,系统或者应用程序是无法查找到对应目录的,所以报错 import './style/styles.css';//require('styles.css');报找不到文件,webpack需要配置额外参数 node 中用 requrie('xxx'), import

python 获取当前文件夹路径及父级目录的几种方法

获取当前文件夹路径及父级目录: import os current_dir = os.path.abspath(os.path.dirname(__file__)) print(current_dir) #F:\project\pritice current_dir1 = os.path.dirname(__file__) print(current_dir1) #F:/project/pritice parent_path = os.path.dirname(current_dir1) pri

dirname的用法:获取文件的父级目录路径

命令:dirname 获取文件的路径(到父级目录)用法:dirname file_name [[email protected] opt]# a=$(dirname /mnt/a/b/c/d/a.sh) [[email protected] opt]# echo $a /mnt/a/b/c/d 原文地址:https://www.cnblogs.com/kaishirenshi/p/10277997.html

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点: var c = a.parentNode; //获取a的父节点: var d = a.nextSibling; //获取a的下一个兄弟节点 var e = a.previousSibling; //获取a的上一个兄弟节点 var f = a.firstChild;

Handlebars.js循环中索引(@index)使用技巧(访问父级索引)

使用Handlebars.js过程中,难免会使用循环,比如构造数据表格.而使用循环,又经常会用到索引,也就是获取当前循环到第几次了,一般会以这个为序号显示在页面上. Handlebars.js中获取循环索引很简单,只需在循环中使用{{@index}}即可. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <META http-equiv=Content-Type content="text/html; charset=utf-

js对元素属性.内容的操作。定时器。元素的平级,父级,子集关系。

JS对元素内容的操作: 1.操作样式(style) 2.操作属性(Attribute) 3.操作内容(innerHtml/Text) 一.操作元素属性 常见属性:class.id.style.disabled. 自定义属性:可以自定义一个任意属性名称,可以任意放值,不会对所在元素本身有任何作用. this:代表所在最近的一个方法. 设置一个属性:a.setAttribute("属性名称","属性值");[不存在该属性名称时,创建这个属性,并赋值.当存在该属性名称时,

2017-3-31 js对元素属性.内容的操作。定时器。元素的平级,父级,子集关系。

JS对元素内容的操作: 1.操作样式(style) 2.操作属性(Attribute) 3.操作内容(innerHtml/Text) 一.操作元素属性 常见属性:class.id.style.disabled. 自定义属性:可以自定义一个任意属性名称,可以任意放值,不会对所在元素本身有任何作用. this:代表所在最近的一个方法. 设置一个属性:a.setAttribute("属性名称","属性值");[不存在该属性名称时,创建这个属性,并赋值.当存在该属性名称时,

JS 父页面调子页面(2种情况),子掉父级(1种)(转)

A :父级调用子级页面 ,非IFRAME情况,类似平级: window.open("子页面.html", "", "width=1024,height=768"); window.opener.子页面函数名字(); B : 父级调用子级页面 ,IFRAME情况 window.frames["iframe名字"].子页面的函数(); C: 子级调用父级就简单了 window.parent.getIdsChangeCate(ids

js父级页面跳转

<script>parent.location.href='../Index.aspx'</script> js父级页面跳转,布布扣,bubuko.com