Как ограничить внутренний текст div до 175 символов?

У меня есть область div, которая имеет произвольное количество символов. Я хочу ограничить количество символов, которые отображаются там, до 175 символов. В основном я нашел, как это сделать для текстового поля ввода или текстовой области, но не для div. Может ли кто-нибудь помочь с этим?

Это мой код. Я пытаюсь ограничить до 175 символов:

<div class="some-area">
Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>

Ответы

Ответ 2

Замените div правильным идентификатором для вашего контента:

$("div").text($(this).text().substr(0, 175)+'...');

Удалите эллипсы с конца, если хотите. Я бы рекомендовал оставить их, чтобы ваши пользователи знали, что текст был сокращен. Если вы просто пытаетесь ограничить текст до 175 без какого-либо уведомления, тогда вы также можете удалить их в этом случае.

Ответ 3

Я просто сделал это для одного из моих проектов. Я нашел этот отличный плагин.

$('some-area').expander({
    slicePoint:175
});