Javascript 添加<；tr>；表中的元素

我想，当我点击+添加更多按钮时，它应该添加与第1行相同的元素，并且S.no应该增加…并且每行都有删除选项

没有。
名称
剂量
1.

您可以使用复制您的第一个

tr

：

$（“.text right”）。在（“单击”，函数（）上）{
var tr=$（“表tr:eq（1）”）.clone（true）；
$（tr）.find（“td:first”）.text（$（“table tr”）.length-1）；
$（“表”）。追加（tr）；
});

没有。
名称
剂量
1.
您可以使用复制您的第一个
tr
：


$（“.text right”）。在（“单击”，函数（）上）{
var tr=$（“表tr:eq（1）”）.clone（true）；
$（tr）.find（“td:first”）.text（$（“table tr”）.length-1）；
$（“表”）。追加（tr）；
});

没有。
名称
剂量
1.
Jquery用于克隆DOM元素，然后可以附加它。考虑这样的代码：

$(function(){
    $("#c").click(function(e){
        e.preventDefault();
        $("table.table tbody tr:first").clone().appendTo("table.table tbody");
    });
})



对于序列号的增量：

$(function(){
    var counter = 1;
    $("#c").click(function(e){
        e.preventDefault();
        var tr = $("table.table tbody tr:first").clone().appendTo("table.table tbody");
        tr.find("td:eq(0)").text(++counter);
    });
}) 

Jquery用于克隆DOM元素，然后可以附加它。考虑这样的代码：

$(function(){
    $("#c").click(function(e){
        e.preventDefault();
        $("table.table tbody tr:first").clone().appendTo("table.table tbody");
    });
})



对于序列号的增量：

$(function(){
    var counter = 1;
    $("#c").click(function(e){
        e.preventDefault();
        var tr = $("table.table tbody tr:first").clone().appendTo("table.table tbody");
        tr.find("td:eq(0)").text(++counter);
    });
}) 

试试：
html:

jsIDLE:
试试：
html:

jsiddle:
看看这个：


$（“.text right”）。在（“单击”，函数（）上）{
var prevNo=parseInt（$（“.table tr:last td:first child”）.text（）；
var tr=$（“表tr:eq（1）”）.clone（true）；
$（“表”）。追加（tr）；
$（'.table tr:last child td:first child'）.html（prevNo+1）；
});

没有。
名称
剂量
1.
看看这个：


$（“.text right”）。在（“单击”，函数（）上）{
var prevNo=parseInt（$（“.table tr:last td:first child”）.text（）；
var tr=$（“表tr:eq（1）”）.clone（true）；
$（“表”）。追加（tr）；
$（'.table tr:last child td:first child'）.html（prevNo+1）；
});

没有。
名称
剂量
1.
但S.No。不是递增的，而是S.No。不是递增的但S.不是递增的序列号递增的更新答案@SaurabhDellaRa'Man看一看完美…你是天才…但我可以有删除选项也删除特定的line@SaurabhDellaRaMan无法提供任何其他代码，因为您还没有尝试过任何东西。在这里，我只能指引你。因此，用户可以帮助您完成工作，但不能编写代码。我已经通知你了，谢谢你的宝贵意见…我会记下的。。。！但是S.No不是递增的序列号递增的更新答案@SaurabhDellaRa'Man看一看完美…你是天才…但是我可以有删除选项来删除特定的line@SaurabhDellaRaMan无法提供任何其他代码，因为您还没有尝试过任何东西。在这里，我只能指引你。因此，用户可以帮助您完成工作，但不能编写代码。我已经通知你了，谢谢你的宝贵意见…我会记下的。。。！可能的重复可能的重复
function updateNumber() {
   x = 0
        $('table.table tbody tr').each(function(i,v){

            $(this).find('td:eq(0)').text(x+1)
            x++;
        });
}
    $("#c").on('click',function(e){
        e.preventDefault();
        var tr = $("table.table tbody tr:first").clone().appendTo("table.table tbody");
        updateNumber();
        console.log($('table.table tbody tr'));
    });
    $('body').on("click",".rm", function(e) {
        e.preventDefault();
       $(this).parents('tr').remove();
        updateNumber();
     });