Как с помощью jquery обрезать строку после определенного количества символов и добавить троеточие?

#jquery

Есть следующая конструкция:




 Текст неопределённой длинны, например: Она была хороша во
всём. А без всего - просто божественна. 





Необходимо у всех элементов на странице с классом "abc" после 50 символа обрезать
строку и поставить троеточие.

Подскажите пожалуйста, как это реализовать с помощью скрипта?
    

Ответы

Ответ 1

Используйте .substring() или .substr().

UPDATE:



$(".abc").text(function(i, text) {

  if (text.length >= 50) {
    text = text.substring(0, 50);
    var lastIndex = text.lastIndexOf(" ");       // позиция последнего пробела
    text = text.substring(0, lastIndex) + '...'; // обрезаем до последнего слова
  }
  
  $(this).text(text);
  
});



  
Текст неопределённой длинны, например: Она была хороша во всём.
А без всего - просто божественна.

  
Lorem Ipsum - это текст, часто используемый в печати и вэб-дизайне.
Lorem Ipsum является стандартной рыбой для текстов на латинице с начала XVI века.

  
Тут меньше чем 50 сиволов





О функции .text()


Ответ 2

Можно вообще без JavaScript, если для вёрстки:



p.clip {
  width: 400px; /* Можно ограничить и по длинне */
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  background: #fc0; /* Цвет фона */
  padding: 5px; /* Поля вокруг текста */
  text-overflow: ellipsis; /* Добавляем многоточие */
}
Магнитное поле ничтожно гасит большой круг небесной сферы, 
в таком случае эксцентриситеты и наклоны орбит возрастают.