jquery - jquery循环输入值并得到总和

Question

我有输入滑块（请参阅jsfiddle），在更改时我想遍历它们的值并获得总数。

我编写了我认为可以做到这一点的代码，但我失败了，请看小提琴并提前非常感谢您！

小提琴

Percentage Sliders<br><br>
<input type="tex" class="slida" type="text" data-slider="true" data-slider-range="0,100" data-slider-step="25" data-slider-snap="true" data-slider-theme="volume" >
<br><br>

<input type="tex" class="slida" type="text" data-slider="true" data-slider-range="0,100" data-slider-step="25" data-slider-snap="true" data-slider-theme="volume" > 


$(".slida").bind("slider:changed", function (event, data) {
  console.log("Changed Value: ", data.value);
  $(this).each(function() {
    total = 0;
    $(this).each(function() {
        total += parseInt( $(this).val() );    
    });     
  });  
  console.log("TOTAL: ", total)

});
// end

Answer 1

$(this)你迭代的只是被改变的元素，因此在$.each()这种情况下不会有任何用途......但是

var total = 0;
$('.slida').each(function(){
   total += parseInt($(this).val());
});

绝对适合模具，因为您访问所有滑块的值，而不仅仅是您要触发事件的滑块。

像往常一样，这是你的小提琴