Fatal编程技术网
  • javascript/
  • Javascript 当数量发生变化时，如何计算表中行的总数

Javascript 当数量发生变化时，如何计算表中行的总数

javascript jquery

Javascript 当数量发生变化时，如何计算表中行的总数,javascript,jquery,Javascript,Jquery,我试图更新每一行的总量，但只更新了一行。如何更新每一行？如何在这些中添加id以使其更具动态性？我使用的是jQuery版本2.2.4。提前谢谢 您的代码中有几个问题 有一个在错误的地方。它在它所属的之外 #artprice输入在表结构之外。它需要放在td JS中的值属性之前缺少 然而，最大的问题是，当您在HTML中循环创建这些行时，在多个元素上重复相同的id属性id在DOM中必须是唯一的 要解决此问题，请在需要查找的所有元素上使用公共class属性，然后使用jQuery的DOM遍历技术基于

我试图更新每一行的总量，但只更新了一行。如何更新每一行？如何在这些中添加id以使其更具动态性？我使用的是jQuery版本2.2.4。提前谢谢




您的代码中有几个问题


    

  • 有一个
    在错误的地方。它在它所属的
    之外
    • 

  • #artprice
    输入在表结构之外。它需要放在
    td
    • 

  • JS中的
    值
    属性之前缺少
    • 


然而，最大的问题是，当您在HTML中循环创建这些行时，在多个元素上重复相同的
id
属性<代码>id在DOM中必须是唯一的

要解决此问题，请在需要查找的所有元素上使用公共
class
属性，然后使用jQuery的DOM遍历技术基于当前行检索它们

还请注意，在下面的示例中，我使用了一个不引人注目的事件处理程序。内联事件属性不再是好的实践，应该尽可能避免使用。此外，我删除了内联
样式
属性，并在外部样式表中使用了规则。由于这一原则，这两种方法都是首选的

说了这么多，试试这个：



jQuery（$=>{
$（'.fname'）。在（'input'，function（）{
设$row=$（this.nexist（'tr'）；
let price=$row.find（“.artprice”）.val（）；
$row.find（'.total strong'）.text（'$'+（this.value*price）.toFixed（2））；
});
});

.media一个img{
宽度：72px；
高度：72px；
}
td.数量{
文本对齐：居中；
}



标题
14.61美元
14.61美元
去除
标题
57.24美元
57.24美元
去除

如何计算每行的总计？我试过了，但每次输出都是从头添加的