javascript - 从标签中获取值并将其添加到 jQuery 中

Question

我想从带有类价格的标签中获取所有值并使用 jQuery 添加它们。现在实际的网页有所不同，但为了理解这个概念，我只在这里放置最少的代码。价格有 3 个标签，总计还有 1 个标签:

<label class="price">120</label>
<label class="price">250</label>
<label class="price">342</label>
<label id="total"></label>

我读到可以使用 .each() 但我不明白如何将它用于此目的。 我已经在这里上传了jsfiddle http://jsfiddle.net/vivpad/cysjtrh8/1/

Answer 1

基本示例

jQuery(document).ready(function($){
    var total = 0;
    $('label.price').each(function(){
        var value = parseFloat($(this).text());
        total += value;
    });
    $('#total').text(total);
});

DEMO