在测试字符长度后执行函数

Question

当文本长度达到 40 个字符时，我试图截断 div 中的文本量，并在截断后添加省略号。这是我的代码：

jQuery(document).ready(function($) {
$(".trim").text(function(index, text) {
return text.substr(0, 40)+' ...';
});
});

问题是即使字符长度小于 40 个字符也会添加省略号，即使文本没有被截断也会添加省略号。所以接下来我尝试了一个条件，仅当字符长度小于 40 个字符时才运行该函数，但无济于事：

jQuery(document).ready(function($) {
if($(".trim").length > 40) {
$(".trim").text(function(index, text) {
return text.substr(0, 40)+' ...';
});
}
});

有什么想法吗？

Answer 1

你快到了！您的条件不是检查 div 中文本的长度。您正在检查 jQuery 对象的 .length，它等于 1（选择器找到的元素数）。您需要检查div内内实际文本的长度。去掉外面的if，把你传入.text()的函数里面的长度检查移到.text()：

$(".trim").text(function(index, text) {
    var newText = text;

    if(text.length > 40) {
        newText = text.substr(0, 40) + "...";
    }

    return newText;
});