jquery 遍历输入值并获取总和

Question

我有输入 slider (请参阅 jsfiddle)，在更改时我想遍历它们的值并获得总数。

我编写了我认为可以执行此操作的代码，但我失败了，请参阅 fiddle 并提前非常感谢您!

fiddle

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());
});

绝对适合这种模式，因为您可以访问所有 slider 的值，而不仅仅是触发事件的 slider 。

As usual, here's your Fiddle