JQUERY只显示固定数量多余隐藏

第一步确定显示个数 少于等于5的处理
var list ={"分类1"。。。。。。} //集合
var ulhtml="

"

var lihtml=""
if( list.length<=5){
ulhtml+="
• +list[i]+
"
}else{
第二步 处理大于5的情况
for(var i=0;i if(i<=4){
ulhtml+="
• +list[i]+
"
ulrhtml+="
• .....
"
}else{
lihtml="
• +list[i]+
" //除去前五个 剩余的集合
}
}
}
function showAll(this){
1: //移除....改行 $(this).remove()
2://追加到ul中去$("ul").append(lihtml);
}
ps：上诉代码全手打，没测试， 大体思想不会错

	
	


	

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		
111111111111

		更多
	

	
	

不知道是这个意思不？

实际工作中一般没人会这么干。

数据都是动态的，一般用ajax配合模板引擎是比较好的选择。

方法其实很多很多，也有人直接通过设置ul的高度和overflow：hidden，来隐藏元素。

只能说根据自己个人的实际需求来吧。

先给你个思路吧：
方案一：
1、先写个div里面包着p然后让div的样式为内容超出隐藏
2、给div加个高度，高度为5个p 的高度（这样就只能显示前5个了）
3、给加载更多设置个click事件：点击后让div的高度为auto（这样就能显示剩余的p了）
方案二：
1、先写个div里面包着p然后给前五个牌加一个class="top5";给其他p加class="other";
2、设置top的样式为显示，设置other的样式为隐藏（这样就只能显示前5个了）
3、给加载更多设置个click事件：点击后让other的样式为显示（这样就能显示剩余的p了）