li 标签超过值隐藏显示问题带有特定字符判断

最新推荐文章于 2023-01-08 21:05:42 发布

原创最新推荐文章于 2023-01-08 21:05:42 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

前端js 专栏收录该内容

12 篇文章

订阅专栏

//条数超过10条则隐藏
var sum = $(".data li").length;
var heightAll = 15*(sum-1);
if(sum>2){
$(".data li:eq(0)").nextAll().hide();
$("#bdshow").show();
}else{
$("#bdshow").hide();
}
$("#bdshow").click(function(){
var typeheight=0;
if ($("#bdshow i").hasClass("fa fa-angle-down")==true){
$("#bdshow i").attr("class","fa fa-angle-up");
$("#bdshow font").html("收起");
$(".data li").show();
$(".data li").each(function () {
var str = $(this).html();
if (str.indexOf("物理类别") != -1)
{
var arr;
if(str.indexOf("<span")!=-1&&str.indexOf("catenavbarpart")==-1){
arr = str.split("<span");
}
if(str.indexOf("<SPAN")!=-1&&str.indexOf("catenavbarpart")==-1){
arr = str.split("<SPAN");
}
typeheight=15*arr.length;
}
});
$(".information").css("height",260+heightAll+typeheight+"px");
}else{
$("#bdshow i").attr("class","fa fa-angle-down");
$("#bdshow font").html("查看全部");
$(".data li:eq(0)").nextAll("li").hide();
$("#bdshow").show();
$(".data li").each(function () {
var str = $(this).html();
if (str.indexOf("物理类别") != -1)
{
var arr;
if(str.indexOf("<span")!=-1&&str.indexOf("catenavbarpart")==-1){
arr = str.split("<span");
}
if(str.indexOf("<SPAN")!=-1&&str.indexOf("catenavbarpart")==-1){
arr = str.split("<SPAN");
}
typeheight=15*arr.length;
}
});
$(".information").css("height",260+typeheight+"px");
}
});