javascript - 我可以使用循环在递增的元素 Id 上多次执行相同的函数调用吗？

Question

现在我有两个名为 showElement(elementId) 和 hideElement(elementId) 的函数。我使用它们根据用户点击的内容隐藏和显示表中的行。

我有一个包含大约 30 行的区域的提交按钮，如下所示

function hideGeneralSection {
  hideElement('gen1');
  hideElement('gen2');
  hideElement('gen3');
  hideElement('gen4');
  ...
  hideElement('gen35');
}

我很满意保持这样，但后来我意识到我想添加大约 5 个部分，每个部分都显示和隐藏所有行，并且我创建了两个新函数，使元素变灰/启用它们。

例如，在 java 中，您可以打印如下所示的字符串:("showElement('gen%i')",5)。 javascript 中是否有类似的东西，以便我可以创建一个循环，在 3 行中吐出 showElement('genINTEGER') 而不是每次 30 行？

Answer 1

由于函数的参数是一个字符串，因此您可以在根“gen”的末尾连接一个循环变量，如下所示:

for (var i = 1; i <= 35; i++) showElement('gen' + i);