Question

有无尽的div具有相同的类名。在我的class="box"示例中，我将评估相应框中有多少个字母。使用$( ".box p" ).text().length，您可以获得所有jQuery对象中的元素数量。 jsfiddle

Answer 1

使用each()函数循环遍历这些元素并返回文本长度

检查DEMO

$('.box').each(function(index) {
  var count = parseInt(index) + 1;
  $('body').append('<div>Box ' + count + ': <span>' + $(this).children('p').text().length + ' Letter</div>');
});

Answer 2

您需要遍历每个p元素并单独计算text()的长度。试试这个：

$(".box p").each(function(i) {
    var n_letter = $(this).text().length;
    $("span").eq(i).text(n_letter);
});

Updated fiddle

请注意，我使用eq()将当前p元素与匹配的span元素相关联。

Answer 3

使用.each()来迭代所有p标记文本和.eq()以获取范围的索引，并使用.html()将文本长度附加到范围

$( ".box p" ).each(function(index) { 
    $("span").eq(index).html($(this).text().length) 
});

Fiddle

如何区分同一个班级名称

3 个答案: