javascript - 使用 Jquery 获取多个 div 的 HTML

Question

我有多个 div，格式如下

<div class="slot_totals">8.00 hrs</div>

我想从中获取值并添加它们，但由于某种原因我无法让它工作。这是我到目前为止的代码:

function refreshTotals() {
    var $totalHours = 0.00;
    for (var $i=0; $i<$('.slot_totals').length; $i++) {
        var $slotTotal = $('.slot_totals').html().split(" ");
        $slotTotal = Number($slotTotal[0]);
        $totalHours += $slotTotal;
    }
    // $('').html($totalHours.toFixed(2)+' hrs');
    console.log($totalHours.toFixed(2)+' hrs');
}

它确实计算得很好，但它只是一遍又一遍地第一个值。我认为这与数组有关，但不确定如何选择每个项目。

我做错了什么？

Answer 1

$('.slot_totals').html() 将始终返回选择器表示的集合中第一个元素的 html。对于几乎所有 jQuery getters 来说，这基本上都是正确的，因为只能返回一个值

您可以使用eq()来定义匹配的索引元素。

var $slotTotal = $('.slot_totals').eq($i).html().split(" ");

引用:eq() Docs