适用地方:英文网站中,比如面包屑导航处新闻标题过长、用css截取文本简介时将单词打断
// 使用方法
// 1.复制下面函数
// 2.调用
// 3.填参数 sliceString(targetDom,length,addString)
// targetDom 对应要处理字符串的标签(格式为css选择器)(!标签里不能套标签!)
// length 需要截取的长度(格式为number类型)
// addString 截取完成后加上的字符串(选填,默认为空,格式为string类型)
// 例如 sliceString('#list li a',100,' (╯‵□′)╯︵┻━┻');
// 或者 sliceString('#list li a',100);
function sliceString(targetDom,length,addString){
var targetStr,// 目标字符串
_this,// 保存当前this
addStr = addString ? addString : '',// 截取后添加的字符串
sliceLength = length;// 截取字符串长度
jQuery(targetDom).each(function(){
_this = jQuery(this);
targetStr = _this.text();
if(targetStr.length <= sliceLength){
return true;
}
for(;sliceLength > 0;sliceLength--){
if(targetStr.charAt(sliceLength) == ' '){
targetStr = targetStr.slice(0,sliceLength) + addStr;
sliceLength = length;
break;
}
}
_this.text(targetStr);
});
}
sliceString('#list li a',100,' (╯‵□′)╯︵┻━┻');
备注:这个功能其实应该交由后端实现的 (╯‵□′)╯︵┻━┻ , 前端萌新怼不过后端就自己考虑实现吧 = =