javascript隐藏li的方法:1、创建一个HTML示例文件;2、定义li标签;3、通过js代码“function showli(pid){...}”控制li的隐藏和显示即可。

本文操作环境:Windows7系统、javascript1.8.5、Dell G3电脑。
javascript怎么隐藏li?
js控制li的隐藏和显示实例代码
html页面
立即学习“Java免费学习笔记(深入)”;
js代码
function showli(pid){
var arrnav = ["1", "525", "531","541","60","14"];
if(pid=='1'){ // 如果是1就显示全部的li标签
$("ul.navigation li").show();
return false;
}
// 否则就显示对应的class="s1"+pid的li标签
$.each(arrnav, function(i, item){
if(item==pid){
$("ul.navigation li.sl"+pid).show();
}else{
$("ul.navigation li.sl"+item).hide();
}
});
}【效果预览】
推荐学习:《js基础教程》











