Question

JS 限制列表数量如何增加一个展开按钮？

var vb=$('#video_list'),iframe=$('iframe');
info.list.forEach(function(v,i){
var span=document.createElement('span');
span.info=v;
span.className='video_block';
span.vid=v.vid;
span.number=i+1;
setText(span,i+1+' '+v.title);
vb.appendChild(span);
});

Answer 1

1、根据HTML标签的className限制显示字符

$(".newslimit").each(function(){
var len=$(this).text().length; //当前HTML对象text的长度
if(len>30){
var str="";
str=$(this).text().substring(0,30)+"......"; //使用字符串截取，获取前30个字符，多余的字符使用“......”代替
$(this).html(str); //将替换的值赋值给当前对象
}
});

2、实践通用的函数
function limitUploadFileName(name){
var str="";
var len=name.length;
if (len>20){
str=name.substring(0,14)+"……";
}
else{
return name;
}
return str;
}

3、使用css控制（注：仅适用于当前标签占据一整行的情况）

#list-item-title_left{
float: left;
width: 40px; //设置其显示的长度
overflow: hidden; //超过其长度之后，自动隐藏其换行的字符
height: 20px;
text-overflow: ellipsis; //属性规定当文本溢出包含元素时发生的事情（1、clip：修剪文本；