Как обернуть текст начиная с 50-го символа?

Question

[Александр Осадчий]

Здравствуйте!

Есть скрипт, который обрезает текст до пробела от 50-го символа
Вот он на jsfiddle

Так вот, подскажите пожалуйста, как переделать этот скрипт, чтоб он не обрезал текст после 50-го символа, а оборачивал текст после 50-го символа в тег span (чтоб его можно было скрывать и показывать путем добавления класса

Или как доработать этот скрипт просто для сворачивания / разворачивания текста?

За ранее спасибо!

Comments

[Евгений Самойленко]

А что вы попробовали сделать? Где затык?

[Александр Осадчий]

у меня есть блок, в котором есть
- заголовок
- описание
- список
- текст о акции
- кнопка "Развернуть"

По умолчанию все свернуто - показан только заголовок и обрезанное описание, по клику на кнопку я хочу разворачивать и описание и вложенные теги "список, текст о акции и т.д"

Answer 1

[twobomb]

Так ?

Comments

[Александр Осадчий]

Круто!)

а возможно ли еще это делать по клику - и добавлять троеточие перед классом?

[Антон Усачев]

Александр Осадчий, ну так все же написали уже...

var desc_short = function () {
  jQuery("p.short").text(function(i, text) {
    if (text.length >= 30) {
      var textTmp = text.substring(0, 50);
      var lastIndex = textTmp.lastIndexOf(" ");       // позиция последнего пробела
      
      text = text.substring(0, lastIndex) + '<span class="wrap">...'+text.substring(lastIndex, text.length-1)+'</span>'; // обрезаем до последнего слова
    }
    jQuery(this).html(text);
  });
};

$('my-button').click(function() {
    desc_short();
});

[Александр Осадчий]

Антон Усачев, Почти так, мне просто нужно одной кнопкай как обрезать так и разворачивать текст

[Александр Осадчий]

Первый клик - оборачиваем в класс + троеточие, а второй - отменяем первое действие - цикл

[twobomb]

Александр Осадчий, Вот так ?

[Александр Осадчий]

twobomb, Великодушное спасибо - это именно то, что мне нужно!!