Question

js 或者JQUERY 让一行英文标题字数超出的话超出部分变成....

最后的单词必须要完整
比如

I want this effect, not that one.

变成I want this effect,not ....
不是I want this effect,no....

Answer 1

<script type="text/javascript">
var str = "I want this effect, not that one.";
var br = 22;
alert('错误：'+str.substr(0,br));
if(str.charAt(br) != ' ') br=str.indexOf(' ',br); //判断当前字符非空格，则查找向后第一个空格
alert('正确'+str.substr(0,br));
</script>

Answer 2

用JS/JQUERY的话，还能什么办？只能老老实实写脚本程序来实现了。话说，以前用freemarker 时，真是好啊，简简单单一行代码就能实现你要的这种功能（限定字符串长度，超出部分变成...）。可惜，你一定要用JS。

追问

这个，我总不能就加这个效果 就加个其他东西。。求下代码，自己JS这块也不怎么行。字数超过一定数变省略号，单词必须完整，不能断开变成..

Answer 3

一楼你这说的不知所以，用js难道麻烦？

Answer 4

<script language="javascript">
function cutword(s,l){
var sl=s.length;
var j1=s.indexOf(' ',l)
if(j1<l) j1=sl;
var j2=s.indexOf(',',l)
if(j2<l) j2=sl;
var j3=s.indexOf('.',l)
if(j3<l) j3=sl;
var j=Math.min(j1,j2,j3);
if(j==sl){
return s;
}else{
return s.substring(0,j)+'...';
}
}
var s=cutword('I want this effect, not that one.',20); //这里调用，参数：字符串和需要的长度
alert(s);
</script>