Javascript 使用jQuery计算多个条目的字符数

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

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

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

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

---

谢谢

您可以使用jQuery

每个

方法迭代jQuery对象的元素：

$("article.boo h4").each(function() {
    console.log($(this).text().length);
});

---

您可以使用jQuery

each

方法迭代jQuery对象的元素：

$("article.boo h4").each(function() {
    console.log($(this).text().length);
});

---

您可以使用jQuery的

each（）

方法，即：

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

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

：

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
    }
}

for（var x=0，y=$（'article.boo h4'）。长度-1；x70）{
//如果超过70个字符，则执行此操作
}
}

如果您对“最佳”的定义是“最简单”，那么第一个选项可能是可行的，如果您的最佳定义是“最性能”，那么请使用第二个选项，尽管必要时可以使用选择器缓存进行改进，以避免在每个循环迭代中选择元素，您可以使用jQuery的
each（）
方法，即：

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

或者，根据您对“最佳”的定义，您可以为

循环使用标准JavaScript

：

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
    }
}

for（var x=0，y=$（'article.boo h4'）。长度-1；x70）{
//如果超过70个字符，则执行此操作
}
}

如果您对“最佳”的定义是“最简单”，那么第一个选项可能是可行的，如果您的最佳定义是“性能最好”，那么请使用第二个选项，尽管如果必要，可以使用选择器缓存进行改进，以便在每个循环迭代中不选择元素

var h4s = document.getElementsByTagName("H4");
i = 0;
while (h4s[i]) {
//validate here
}

或者您可以使用
jqueryeach
如果您想使用简单的javascript，请尝试以下内容

var h4s = document.getElementsByTagName("H4");
i = 0;
while (h4s[i]) {
//validate here
}

    $("article.boo h4").each(function (index, domEle) {
            if($(domEle).text().length>70)
{
                this.style.color = "blue";
            } else {
                this.style.color = "";
            }
        });

或者您可以准确地使用
jquery-each
。非常接近，是语法吸引了我。谢谢确切地非常接近，是语法吸引了我。谢谢
    $("article.boo h4").each(function (index, domEle) {
            if($(domEle).text().length>70)
{
                this.style.color = "blue";
            } else {
                this.style.color = "";
            }
        });