时间戳

首页 > 解决方案 > 如何循环遍历表格单元格并显示一些分心的结果

javascript - 如何循环遍历表格单元格并显示一些分心的结果

问题描述

看，我在每个单元格上有一个包含两个重要参数的表格 我的目标是从“produkty”参数中减去“rabat”参数，然后创建一个名为 result 的新参数，并使其在单元格底部可见

到目前为止，我做了这个，但我有一个问题要制作循环。我需要让它遍历这种类型的所有单元格并显示此减法的结果。

你能帮助我吗？

还要说一件事，我将使用代码注入器扩展使其在我的应用程序上运行，因为我无权更改代码。我不确定它是否重要。

//Produkty:
var step1 = document.querySelector("#orderTable > tbody > tr > td:nth-child(6)").innerHTML
var step2 = step1.slice(0, 17);
var step3 = step2.replace(/[^\d.-]/g, '');
var step4 = parseFloat(step3)

//Rabat:
var krok1 = step1.search("Rabat: ");
var krok2 = step1.slice(krok1 + 7, krok1 + 13 );
var krok3 = krok2.replace(/[^\d.-]/g, '');
var krok4 = parseFloat(krok3)

//Result:
var wynik = step4-krok4

在此处输入图像描述

在此处输入图像描述

标签： javascripthtmlweb-applications

解决方案

您的问题是将问题中的此代码更改为循环吗？

干得好：

// All Products:
var products = document.querySelectorAll("#orderTable > tbody > tr > td:nth-child(6)")
for (product of products) {
  //Produkty:
  var step1 = product.innerHTML
  var step2 = step1.slice(0, 17);
  var step3 = step2.replace(/[^\d.-]/g, '');
  var step4 = parseFloat(step3)

  //Rabat:
  var krok1 = step1.search("Rabat: ");
  var krok2 = step1.slice(krok1 + 7, krok1 + 13 );
  var krok3 = krok2.replace(/[^\d.-]/g, '');
  var krok4 = parseFloat(krok3)

  //Result:
  var wynik = step4-krok4
  // output your result to the HTML here
}

推荐阅读