jQuery中怎么实现同一个类选择器的值val相加在一起

问题描述:

有四个类选择器叫.card的span,用jQuery的方法应该先获得他们的.val()吧,然后在想加,让他们在一进入页面的时候就把他们的总和显示在页面上

var arr = $("span.card"), sum=0;
for(var i=0;i<arr.length; i++){
    sum = sum + parseInt(arr[i].innerText)
}
console.log(sum)

获取.card的dom元素集合(for循环)。然后循环遍历获取val然后相加

<span class="card">1</span>
<span class="card">1</span>
<span class="card">1</span>
<span class="card">1</span>
function sum (){
    var a =''
    $.each($(".card"),function(i,item){
    a =a+$(item).text();
    });
    return a
}