javascript - 查找 div 子级中的文本长度

Question

所以我有一个 div 数组。每个 div 包含三个 span 元素。每个跨度元素可以包含任意数量的数字。

这是我到目前为止所拥有的:

var arrayOfDivs = $(".avgMaxClass");
                $.each(arrayOfDivs, function (index, value) {


                });

我想要做的是计算正在迭代的 div 内所有跨度内的所有文本的总长度。我不知道该怎么做。

编辑:需要明确的是，我不想要所有 div 的总文本长度。我想要当前正在迭代的 div 的文本长度

Answer 1

$(".avgMaxClass span").text().length;

JSFiddle demo

编辑:

正如您在评论中所说，您想知道每个 DIV 的长度，这是使用 jQuery.each() 的另一种方法:

var avgMaxClass = $('.avgMaxClass');

$.each(avgMaxClass, function(i,item) {

    // Output span text length for each item
    console.log($("span", item).text().length); 
});

JSFiddle demo