Javascript jQuery克隆表行（数据）

我有一张表格输入表，如图所示。我希望用户能够只输入第一行（主机名、型号、位置、购买的、保修字段），然后点击“克隆第一行”，并将他们输入的内容复制到所有后续行

在jQuery中如何最好地做到这一点

使用此代码在PHP中生成行，所有行都具有唯一的ID：

<?php for($t = 1; $t <= 20; $t++){ ?>
        <tr>
            <td><input type="text" name="hostname-<?=$t;?>" class="form-control" id="hostname-<?=$t;?>"></td>
            <td><input type="text" name="asset-tag-<?=$t;?>" class="form-control" id="asset-tag-<?=$t;?>"></td>
            <td><input type="text" name="serial-<?=$t;?>" class="form-control" id="serial-<?=$t;?>"></td>

$（“按钮”）。在（“单击”，函数（）{
var firstRow=$（“表”）.find（“tr:第一个子项”），
rowsToModify=firstRow.nextAll（）；
firstRow.find（“：input”）.each（函数（idx）{
rowsToModify.find（“：input:eq（“+idx+”））.val（此.value）；
});
});

打开
等待
关闭
打开
等待
关闭
打开
等待
关闭
从第一行克隆值
$（“按钮”）。在（“单击”，函数（）{
var firstRow=$（“表”）.find（“tr:第一个子项”），
rowsToModify=firstRow.nextAll（）；
firstRow.find（“：input”）.each（函数（idx）{
rowsToModify.find（“：input:eq（“+idx+”））.val（此.value）；
});
});

打开
等待
关闭
打开
等待
关闭
打开
等待
关闭
从第一行克隆值
无法执行此操作。我的按钮现在是：
Clone first row
显示的脚本不是fire&forget解决方案：）您是否更改了选择器以获得正确的
元素？您能否向我们展示生成的表标记以及当前正在使用的脚本的相关部分（在上面的问题中）。控制台中有任何错误吗？感谢您的回复和帮助：）仔细检查您的脚本是否正常工作，只是不完全符合我的预期。首先，它将克隆当前具有焦点的任何输入框。然而，它似乎无法克隆这两个下拉列表。我的理想方案是单击“克隆”按钮，将整行克隆到下一行。这可能吗？我已经调整了答案，以克隆伪选择器（输入、文本区域、选择和按钮）可用的所有输入元素。无法使其工作。我的按钮现在是：
Clone first row
显示的脚本不是fire&forget解决方案：）您是否更改了选择器以获得正确的
元素？您能否向我们展示生成的表标记以及当前正在使用的脚本的相关部分（在上面的问题中）。控制台中有任何错误吗？感谢您的回复和帮助：）仔细检查您的脚本是否正常工作，只是不完全符合我的预期。首先，它将克隆当前具有焦点的任何输入框。然而，它似乎无法克隆这两个下拉列表。我的理想方案是单击“克隆”按钮，将整行克隆到下一行。这可能吗？我已经调整了答案，以克隆伪选择器（input、textarea、select和button）可用的所有输入元素。