判断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
比如:
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
});
方法一:需要确定是哪个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在一行排列就可以。具体效果看下面代码:
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯