ограничение строки в js

119
09 января 2022, 05:00

есть скрипт который должен ограничивать строку по кол-во символов и в конце троеточие добавлять, но добавляет только троеточие

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 
 
<div class="news-content"> 
  <br><br><br><br><br> 
  dfgdfgdhfhfghfghfgdfhgfhdfgdfgdfgsdfdfgdfghfghfgfghfghfghfgh 
</div> 
 
<script> 
  $(document).ready(function () { 
    var size = 5, 
        newsContent= $('.news-content'), 
        newsText = newsContent.text(); 
         
    if(newsText.length > size) { 
      newsContent.text(newsText.slice(0, size) + ' ...'); 
    } 
  }); 
</script>

самое забавное, что здесь https://codepen.io/suhodolskiy/pen/qEJQRQ работает, а у меня нет

P.S. библиотека подключается одна и та же

Answer 1

Решением будет использование метода trim - он возвращает копию входной строки (от которой вызван), но без пробельных символов в начале и конце: 

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 
 
<div class="news-content"> 
  <br><br><br><br><br> <!-- лишние пробелы перед текстом --> 
  dfgdfgdhfhfghfghfgdfhgfhdfgdfgdfgsdfdfgdfghfghfgfghfghfghfgh 
</div> 
 
<script> 
  $(document).ready(function () { 
    var size = 5, 
        newsContent = $('.news-content'), 
        newsText = newsContent.text().trim(); // ◀ 
    if(newsText.length > size) { 
      newsContent.text(newsText.slice(0, size) + ' ...'); 
    } 
  }); 
</script>

Answer 2

нашел причину, текст в блоке div был сильно спущен и много пробелов вначале

READ ALSO
Ajax подгрузка мобильного меню (hc-offcanvas-nav)
javascript

Ajax подгрузка мобильного меню (hc-offcanvas-nav)

Всех приветствую! Как сделать Ajax подгрузку, чтобы при клике по кнопке, меню загружалось, а не загружалось при загрузке сайта? Код добавил на codepen,...

 172
Отображение шрифтов Google на canvas
HTML

Отображение шрифтов Google на canvas

Имеется приложение, на главной странице канвас с текстомВ приложении есть функционал смены языка (русский, английский)

 149
Spring. Rest API. Java
Java

Spring. Rest API. Java

Работа с телефонной книгойПишу серверную часть, хочу созданного пользователя изменить его данные(имя и номер), добавить, удалить, редактировать...

 128
как сопоставить атрибуты метода
Java

как сопоставить атрибуты метода

Есть задача, я её приложил к вопросу, суть в том что есть заказы

 184