JQuery подсчитать символы и добавить класс

Question

Можно ли использовать jQuery для подсчета количества символов, например, в <li>, и, если сумма превышает XX символов, применить класс к этому элементу?

Я видел множество счетчиков символов jQuery (т. Е. http://plugins.jquery.com/plugin-tags/character-counter),, и я могу видеть, как .addClass() будет обрабатывать эту часть вещей, но у меня возникли некоторые проблемы при ее объединении.

С благодарностью получили любые указатели.

Большое спасибо

СПАСИБО ВСЕМ ЗА ОТВЕТЫ - нашел одно решение, которое работает для меня, как указано ниже

Answer 1

Вы можете сделать что-то вроде этого:

// The number of characters
var XX = 100;

$('li').filter(function() {
    return $(this).text().length > XX;
}).addClass('someClass');

Answer 2

Почему бы не выделить элемент <li> в переменную и не получить его длину?

var length = $('li').html().length;

Отсюда просто проверьте, больше ли значение длины, чем сравниваемое значение, и используйте .addClass ()

Answer 3

Вы можете получить количество символов в строке, выполнив a.length, где a - строка.

$('a').each(function(){
 if($(this).text().length > XX){
  $(this).addClass('someClass');
 }
});

Answer 4

Если вы хотите указать целевой элемент li (вместо всех элементов li на вашей странице), вы можете присвоить ему идентификатор:

<li id="myli">...</li>

Тогда, если вы хотите выполнить свой код при загрузке страницы, сделайтекак то так:

$(document).ready(function() {
    var yourElement = $('#myli');
    var charLength = yourElement.text().length;
    if(charLength > xx){
       yourElement.addClass('yourClass');
    }
});