Question

我正在使用一个函数，当单击某个按钮时，该函数适用于克隆表行（请参见this小提琴），并为新行分配一个递增的ID（即table-rows-1 table-rows-2）。创建新行之后，我要创建一个函数以在此行的td中查找输入并将其名称从input-text-1更改为input-text-2。我对Javascript不太自信，并且在访问行内的输入元素时遇到麻烦。这是一个例子：

<table>
    <tbody>
        <tr class="modal-rows" id="table-rows-1">
            <td>
                <input type="text" class="input-text" name="input-text-1">
            </td>
        </tr>
        <tr class="modal-rows" id="table-rows-2">   <<< DUPLICATED ROW WITH INCREMENT ID
            <td>
                <input type="text" class="input-text" name="input-text-1">
            </td>
        </tr>
    </tbody>
</table>

如何更改此表的内部输入以更改其名称？这是我尝试过的：

var rowNum = document.getElementsByClassName("modal-rows").length

$('#table-rows-' + rowNum + ' .input-text').attr('name', 'input-text-' + rowNum);
$('#table-rows-' + rowNum).find('.input-text').attr('name', 'input-text-' + rowNum);
$('#table-rows-' + rowNum).children('.input-text').attr('name', 'input-text-' + rowNum);

有人可以让我知道我要去哪里了吗

Answer 1

您可以在重复函数中使用以下代码： clone.children [0] .setAttribute（'name'，'input-text'+ ++ i）

更改特定表行中的输入名称

1 个答案: