永发信息网

判断ul是否有li并显示相应的CSS

答案:2  悬赏:0  手机版
解决时间 2021-11-08 08:46
  • 提问者网友:嘚啵嘚啵
  • 2021-11-07 13:43
判断ul是否有li并显示相应的CSS
最佳答案
  • 五星知识达人网友:人间朝暮
  • 2021-11-07 14:55
导入jquery的方法:
方法一:需要确定是哪个ul,最好你能给ul一个id
比如:
    sd

    栏目二


    var liList=$("#ul1>li"); //获取ul1下的所有li集合
    if(liList.length==0){ //ul里没有li
    $("ul1).css({"display":"none" });
    $("ul1").removeClass("nev");
    }else{ //ul中有li
    $("ul1).css({"display":"inline" }); // inline是display的默认值(在菜鸟教程里查的),这里设置是为了清除可能设置的none属性,具体属性自行按需设置
    $("ul1").attr("class","nev");
    }
    方法二:不需要给id
    核心代码弄上来,其它的自己套
    var liList=$("ul"); //循环遍历ul
    $.each(liList, function(i,item) {
    var list=$(item).find("li"); //获取每个ul中的li集合
    if(list.length==0) //没有li,反之有li
    });
    全部回答
    • 1楼网友:酒者煙囻
    • 2021-11-07 15:38
    可以用float:left让li在一行排列就可以。具体效果看下面代码:
    我要举报
    如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
    点此我要举报以上问答信息
    大家都在看
    推荐资讯