Здравствуйте. В общем было у меня в html:
<div id="comments" >
<p class="read-more">Какой-то текст много символов</p>
</div>
<div id="comments" >
<p class="read-more">Какой-то текст много символов</p>
</div>
Через jquery я сделал: Если больше 199 символов отображает "Показать весь текст", и в этот момент показывает только 199 символов
Код:
$(".read-more").each(function (index) {
var readMoreHtml = $(this).text();
var reduce = readMoreHtml.substr(0, 199);
if (readMoreHtml) {
$(this).html(reduce).append("<a href='' class='read-more-link' style='color:red'> Показать весь текст</a>");
} else {
$(this).html(readMoreHtml);
}
});
Таким образом получилось в html
<p class="read-more">текст <a href="">Показать весь текст</a></p>
<p class="read-more">текст <a href="">Показать весь текст</a></p>
Update: Решил сам, чуть по другому