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

如果您想定位特定的li项目（而不是页面中的所有li元素），您可以为其指定ID：

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

然后，如果您想在页面加载时执行代码，请执行以下操作：

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

Answer 4

您可以通过执行此a.length获取字符串中的字符数量，其中a是字符串。

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

jQuery计算字符并添加类

4 个答案: