Выполнение функции после проверки длины символа

Question

Я пытаюсь обрезать количество текста в div, когда текст достигает 40 символов и добавляет многоточие после усечения. Это мой код:

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. Вы проверяете объект .length объекта jQuery, который будет равен 1 (количество элементов, найденных селектором). Вам необходимо проверить длину фактического текста внутриdiv. Избавиться от if снаружи и перемещения по длине проверки внутри функции, который вы передаете в .text():

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

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

    return newText; 
});