Javascript 如何复制表中的特定行（JS/JQuery）？

当我点击“duppliquer”按钮时，我正试图复制表中的特定行

请参阅下面的“我的代码”以创建我的表

<table id="myTable" class="table table-striped table-bordered table order-list" data-page-length='100'>
<thead>
    <tr>
        <th style="width: 5%">Col 1</th>
        <th style="width: 5%">Col 2</th>
        <th style="width: 5%">Col 3</th>
        <th style="width: 5%">Col 4</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td align="center">Test1</td>
        <td align="center">Test2</td>
        <td align="center">Test3</td>
        <td align="center">
            <a class="Duppliquer" title="Duppliquer" data-toggle="tooltip" style="cursor: pointer;"><i class="material-icons">control_point_duplicate</i></a>
        </td>
    </tr>
    <tr>
        <td align="center">Test4</td>
        <td align="center">Test5</td>
        <td align="center">Test6</td>
        <td align="center">
            <a class="Duppliquer" title="Duppliquer" data-toggle="tooltip" style="cursor: pointer;"><i class="material-icons">control_point_duplicate</i></a>
        </td>
    </tr>
</tbody>

第1列
第2列
第3列
第4列
测试1
测试2
测试3
控制点重复
测试4
测试5
测试6
控制点重复

我知道我必须使用JavaScriptoujQuery，但我不知道如何获得我想要复制的行

---

我在这个问题上做了很多研究，但找不到任何答案…

您应该获取当前的

行

元素，然后使用

clone（true）

函数克隆它，最后将克隆的行附加到表中，以便将它放在当前

行

元素之后。以下是一个例子：

$（“.Duppliquer”）。单击（函数（）{
var$rw=$（此）.tr；
var$new_rw=$rw.clone（true）；
$rw.之后（$new_rw）；
})

第1列
第2列
第3列
第4列
测试1
测试2
测试3
控制点重复
测试4
测试5
测试6
控制点重复

您应该获取当前的

行

元素，然后使用

clone（true）

函数对其进行克隆，最后将克隆的行追加到表中，以便将其放置在当前的

行

元素之后。以下是一个例子：

$（“.Duppliquer”）。单击（函数（）{
var$rw=$（此）.tr；
var$new_rw=$rw.clone（true）；
$rw.之后（$new_rw）；
})

第1列
第2列
第3列
第4列
测试1
测试2
测试3
控制点重复
测试4
测试5
测试6
控制点重复

使用JQuery查找：

  $('#myTable').find('tr').click(function () {
     var indx = $(this).index() +1; --gets row index
     var tr = $(this); --gets row

  });

使用JQuery查找：

  $('#myTable').find('tr').click(function () {
     var indx = $(this).index() +1; --gets row index
     var tr = $(this); --gets row

  });

---

我认为您应该将

true

作为参数传递给您的

clone

，否则它将不会克隆事件。我不必这样做，因为事件已绑定到文档

$（文档）。on（'click'，'.Duppliquer'））

将始终捕获它。我认为您应该将

true

作为参数传递给您的

clone

，否则它将不会克隆事件。我不必这样做，因为事件绑定到文档

$（文档）。on（'click'，'.Duppliquer'）

将始终捕获它。谢谢！如果我想在我的第一（重复）列中添加一个字符，那就太完美了。比如，如果我复制行（“Test4”、“Test5”、“Test6”），但是我想要（“Test4-BIS”、“Test5”、“Test6”），那么这可能吗？是的，你可以。你应该从克隆的元素中获取你的

td

target元素，然后根据你的需要操作它的内容。好吧，我制作了这样的“var$cell=$rw.nest（“td”）；”但是我如何才能获取我的第一个单元格？谢谢！如果我想在我的第一（重复）列中添加一个字符，那就太完美了。比如，如果我复制行（“Test4”、“Test5”、“Test6”），但是我想要（“Test4-BIS”、“Test5”、“Test6”），那么这可能吗？是的，你可以。你应该从克隆的元素中获取你的

td

target元素，然后根据你的需要操纵它的内容。好吧，我制作了这样的“var$cell=$rw.nest（“td”）；”但是我如何才能获取我的第一个单元格？