Умножение строк с колонкой в ​​JavaScript с использованием циклов

Question

Я хочу умножить строки на столбцы внутри таблицы HTML, каждый тд содержит элементы входного типа, и каждый из них является динамическим, что означает, что их можно создавать больше во время выполнения, но процесс умножения останется прежним. Нажмите здесь, чтобы увидеть изображение

ниже мой код

var inputs = $(".volo");
var id = 0;

for (var i = 0; i < inputs.length; i++) {
  for (var j = 0; j < r.length; j++) {
    if (i < r.length) {
      alert(parseFloat($(inputs[i]).val()) + "*" + r[j]);
      j = 0;
    } else {
      j = j + 1;
      alert(parseFloat($(inputs[i]).val()) + "*" + r[j]);
    }
    break;
  }
}

код выше работает нормально, когда количество строк и столбцов равно 2. Входные данные содержат значения, поступающие из одного типа tds, а массив r содержит значения, поступающие из разных tds. Длина входного массива всегда будет больше, чем массив r.

Answer 1

Первый цикл должен зациклить столбец, тогда как второй цикл должен быть циклом строки, предположим, что вам нужно прочитать ввод, вы можете сделать это с помощью jquery, пусть x будет строкой, а y будет столбцом

 $(`#volX${x}Y${y}` ).val()

Ваша кнопка Add Chemical Vol должна быть в состоянии создать определенное отображение входа id = "volX num Y num ".

поиграйте с этим, это может помочь вамрешить вашу проблему