jQuery将字段的所有值相加并添加到某个类中

我有几个元素，如下所示：

我想将值（用户输入的值）与我在名称中存储的值相乘。

现在页面上有几个元素，都是class="hostselector" 。 我想得到所有值的总和，所以从某种意义上说：

 (value * name) + (value * name) + .... every single element with that class. 

我怎么用jquery呢？

Answer 1

 var total = 0; $(".hostselector").each(function() { total+= parseInt(this.value, 10) * parseInt($(this).attr("name"), 10); }); 

这循环遍历所有带有类.hostselector元素，将当前值乘以name属性的值（这是一个字符串，因此使用parseInt ），并维护所有元素的运行总计。

这是一个示例小提示，显示它正常工作（只需单击按钮即可查看最终结果）。

Answer 2

它应该是这样的：

 var total = 0; $('.hostselector').each(function() { total += parseInt($(this).val(), 10) * parseInt($(this).attr('name'), 10); }) 

“total”var保存您要查找的数字。

parseInt部分或多或少是可选的，如果没有它，javascript仍然会返回正确的结果，但是因为.val（）和.attr（）返回字符串，所以它是正确的。

Answer 3

试试这个：

  var sum = 0; $.each('.hostselector', function(i ,item){ sum += $(item).val(); // or sum += $(item).attr("Your_Attribute_here"); }); alert(sum);