Ограничение строкового текста внутри div

Question

Может кто-нибудь сказать мне, если это способ ограничить текст в классах div.

пример

<div class="mon">December</div>
<div class="mon">November</div>
<div class="mon">October</div>

$('.mon').hide().text();

var month = $('.mon').text().substr(0,3);

$('.mon').append(month).show();
alert(month);

пытается вывести

Декабрь Ноя Окт

Любая помощь?

Answer 1

.text() может принимать функцию, подобную этой:

$('.mon').text(function(i, t) { return t.substr(0, 3); });

Вы можете проверить это здесь .

Answer 2

Вы можете сделать это:

$('div.mon').text(function() {
    return $(this).text().substring(0, 3);
});

Живой пример

text, как и многие другие функции «сеттера»jQuery (html, attr и т. д.), принимает функцию, которую вызовет для получения значения, устанавливаемого для каждого элемента.