Как проверить длину текста,и если букв в тексте больше определенного количества то скрыть часть из них?

#javascript #html #jquery

Хочу сделать так:
Если у пользователя в имени и фамилии больше 20 букв, то лишнюю часть скрыть.



$text_length = $('.test_name').text().length;
if($text_length > 20){
// Хотелось бы чтобы лишние символы были скрыты
  $('.test_name').text('...');
 
}	

John Doe
Andrew Ivanov
Alexander Maslennikov
Christopher Robinson



    

Ответы

Ответ 1

Бесплатно, без смс, javascript и jquery:



.test_name {
  width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
John Doe
Andrew Ivanov
Alexander Maslennikov
Christopher Robinson