javascript - 使用 JavaScript 迭代更改 HTML 名称字段

Question

如何使用 Javascript 迭代以下 HTML，以便向所有 name 字段添加 1。例如，“account”将变为“account1”等。我从表中克隆了这一行，并且希望能够区分两者的字段。

<td>
    <select name="account">…</select>
</td>
<td>
    <span>
        "$ "<input type="text" name="debit" placeholder="100">
    </span>
</td>
<td>
    <span>
        "$ "<input type="text" name="credit" placeholder="100">
    </span>
</td>
<td>
    <input type="text" name="reference">
</td>
<td>
    <input type="text" name="notes">
</td>
<td>
    <select name="account">...</select>
</td>

Answer 1

实现此目的的一种方法是使用 querySelectorAll 将元素放入表中，然后使用循环并更改它们的名称:

var inputs = document.querySelectorAll("#myTable [name]")
inputs.forEach(function(input){
    input.name += + "1";
});

JSFiddle Demo