其实用css也可以实现,不过不能判断是否在一个英文单词中间截断!
这是一个用于截取英文字符串的一个jquery方法
代码如下:
<script>
jQuery( ".subject" ).each( function (){ //找到你的标题
var str = jQuery( this ).html();
if (str.length>80)
{
var br = 65;
if (str.charAt(br) != ' ' ) br = str.indexOf( ' ' ,br); //判断当前字符非空格,则查找向后第一个空格
if (br == -1)
{
br = 50;
if (str.charAt(br) != ' ' ) br = str.indexOf( ' ' ,br);
}
str = str.substr(0,br)+ "...." ; //截取字符串从0到br结束。后面加上省略号。
jQuery( this ).html(str);
}
})
</script>
|
如果字符串长度大于80则截取。
在一个英文字符完成后截取。而不是在英文字符中间截取。中间做了两个判断。
来自我的博客:http://shanmao.me/web/jquery/js-pan-duan-guo-chang-de-biao-ti-yong-sheng-lue-hao-dai-ti