javascript - 在乘法输入的情况下使用jQuery计算字符数

在这里，我有html结构。在页面上重复几次。

<article class="boo">
    <h4>Here goes the title</h4>
</arcticle>

我想计算文章中每个标题h4中的字符数。

$('article.boo h4').text().length > 70

计算所有标题中的字符总数。我要检查的是每个标题是否都超过70个字符。

在这种情况下，遍历所有元素并进行验证的最佳方法是什么？

谢谢

最佳答案

您可以使用jQuery的each()方法，即：

$('article.boo h4').each(function() {
    if ($(this).text().length > 70) {
       //do stuff if longer than 70 chars
    }
});

或者，根据您对“最佳”的定义，可以使用标准的JavaScript for循环：

for (var x = 0, y = $('article.boo h4').length - 1; x < y; x++) }
    if ($('article.boo h4')[x].text().length > 70) {
        //do stuff if longer than 70 chars
    }
}

如果您对“最佳”的定义意味着“最简单”，那么可能是第一种选择，如果最好的话，您则是“最高效”的选择，尽管有必要的话，可以通过选择器缓存加以改进，以免在其中选择元素每次循环迭代

关于javascript - 在乘法输入的情况下使用jQuery计算字符数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8739717/