如何區分相同的類名

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