Как ограничить количество символов в ссылке?

Question

[Михаил]

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

Нужно установить ограничение количества символов для ссылки <a href="">Длинный текст</a>. Так, чтобы, например, после 100-го символа добавлялись три точки.

Перепробовал массу разных вариантов, от css-шных до скриптовых. Какие-то корявые, какие-то слишком объемные и замудреные. Как на сегодняшний день проще добиться нужного результата?

Спасибо.

Answer 1

[riot26]

Как-то так:

$('a').each(function() {
  if ($(this).text().length > 100) {
		$(this).text( $(this).text().substring(0, 100) + '…');
  }
});

Comments

[Алексей Бурлака]

Лучше обрамлять каким то тегом или запоминать в ключе объекта, что бы при расширении окна вьювера (повернули планшет) текст расширялся.

Answer 2

[Rsa97]

https://jsfiddle.net/5jwvs7ke/

Answer 3

[Сергей Доний]

Как-то так ?

$(document).ready(function(){
        $('a').each(function(){
            var href = $(this);
            var linktxt = href.html();
            if(linktxt.length>=100) {
                href.html(linktxt.substr(0,100));
                href.append(
                    $('<button>Далее</button>').on('click',function(){
                        href.html(linktxt);
                        return false;
                    });
            );
            }
        });
    });