使用Javascript/Jquery计算表中的数据

使用Javascript/Jquery计算表中的数据,javascript,jquery,html,Javascript,Jquery,Html,因此,我尝试使用Javascript/Jquery在HTML表中进行一些计算。一个表中有7列,每列应根据这些列中单元格中的值进行计算 我确实成功地为一篇文章编写了这篇文章,但一旦我尝试编写它,使它适用于每一篇专栏文章,我就陷入了困境,不知道从哪里开始。现在,它只是不断添加每个单元格中具有该类名的所有值,并将其放入所有相应的单元格中 非常感谢您的帮助/建议 如果我遗漏了任何信息请告诉我 var aankoopprijs=$(“.calc aankoop”).text(); var ob=$(“

因此,我尝试使用Javascript/Jquery在HTML表中进行一些计算。一个表中有7列,每列应根据这些列中单元格中的值进行计算

我确实成功地为一篇文章编写了这篇文章,但一旦我尝试编写它,使它适用于每一篇专栏文章,我就陷入了困境,不知道从哪里开始。现在,它只是不断添加每个单元格中具有该类名的所有值,并将其放入所有相应的单元格中

非常感谢您的帮助/建议

如果我遗漏了任何信息请告诉我

var aankoopprijs=$(“.calc aankoop”).text();
var ob=$(“.calc ob”).text();
var add=parseFloat(aankoopprijs)-parseFloat(ob);
$(“.calc marktprijs”).html(添加);
//计算Groothandelprijs
var marktprijs=$(“.calc marktprijs”).text();
var kruissubidie=$(“.calc kruissubidie”).text();
var add2=parseFloat(marktprijs)-parseFloat(kruis);
$(.calc groothandelsprijs”).html(add2);
//计算Eindgebruikerstarief
var groothandelsprijs=$(“.calc groothandelsprijs”).text();
var ob2=$(“.calc-ob2”).text();
var add3=parseFloat(groothandelsprijs)-parseFloat(ob2);
$(.calc-eindgebruik”).html(add3)

生产
莫加斯
汽油
液化石油气100
液化石油气20
汽油
柴油机
船用燃油
1安科普里斯酒店
800
500
5 O.B.6%
50
25
6 Marktprijs=som 1-5
8克鲁斯
4.
9 Groothandelsprijs=som 6-8
11百分之六
50
12 Eindgebruikerstarief=som 9-11

您需要使用
.each()
在元素上循环,然后使用相应的元素执行计算以处理每个列

$(.calc aankoop”)。每个(函数(i){
var aankoopprijs=$(this.text();
var ob=$(“.calc ob”).eq(i).text();
var add=parseFloat(aankoopprijs)-parseFloat(ob);
$(“.calc marktprijs”).eq(i).html(add);
//计算Groothandelprijs
var marktprijs=$(“.calc marktprijs”).eq(i).text();
var kruissubidie=$(“.calc kruissubidie”).eq(i).text();
var add2=parseFloat(marktprijs)-parseFloat(kruis);
$(“.calc groothandelsprijs”).eq(i).html(add2);
//计算Eindgebruikerstarief
var groothandelsprijs=$(“.calc groothandelsprijs”).eq(i).text();
var ob2=$(“.calc-ob2”).eq(i).text();
var add3=parseFloat(groothandelsprijs)-parseFloat(ob2);
$(“.calc-eindgebruik”).eq(i).html(add3);
});

生产
莫加斯
汽油
液化石油气100
液化石油气20
汽油
柴油机
船用燃油
1安科普里斯酒店
800
500
5 O.B.6%
50
25
6 Marktprijs=som 1-5
8克鲁斯
4.
9 Groothandelsprijs=som 6-8
11百分之六
50
12 Eindgebruikerstarief=som 9-11

以第一位为例:

var aankoopprijs = $(".calc-aankoop").text();
var ob = $(".calc-ob").text();
var add = parseFloat(aankoopprijs) - parseFloat(ob);
$(".calc-marktprijs").html(add);
执行类似于$(“.calc aankoop”).text()的操作;将为您提供每个“calc aankoop”单元格的连接文本,这不是您想要的;您希望第一个“marktprijs”单元格中的文本包含第一个aankoop值和第一个ob值之和

那么:

$(".calc-marktprijs").each(function(i,marktprijs){
  var aankoopprijs = $(".calc-aankoop").eq(i).text();
  var ob = $(".calc-ob").eq(i).text();
  var add = parseFloat(aankoopprijs) - parseFloat(ob);
  $(marktprijs).html(add);
});

这将循环遍历每个marktprijs字段,并用相应的aankoop和ob字段的总和填充它。

小提琴不加载jQuery。感谢Barmar代码片段。非常简单,但功能非常强大!非常感谢Barmar,我不知道从哪里开始。干杯谢谢你花时间来帮助我,但是巴尔马的回答已经非常有效了!