当div中的文本到达jQuery中的某些字符时,如何在文本内部剪切文本？

Question

我知道有很多截断脚本,但由于我正在处理的cms的集成问题,我无法使用大部分脚本.

基本上我必须这样做:

1. 得到一个div内的字符数
2. 如果count超过一定数量(比如10个字符),div中的文本应该被截断并在末尾附加"...".

在这里javascript非常糟糕是我蹩脚的非工作尝试:

if ($('div.text').val().length > 10) {

   //     

   ($('div.text').append('...');

}

有人可以帮忙吗？

Answer 1

if ($('div.text').text().length > 10)

要么

if ($('div.text').html().length > 10)

div元素没有val()返回的"value",但它们有文本或html

然后你可能想要截断文本

var text = $('div.text').text();
text = text.substr(0,10) + '...';
$('div.text').text(text);

Answer 2

您正在寻找CSS属性text-overflow:省略号.大多数浏览器(甚至IE7 +)都支持此功能,但Firefox仅支持版本7.对于较旧的浏览器支持,您可以使用一些现有的jQuery插件.