jquery - jQuery维护至少一个按钮并维护值

Question

我想删除“确定”按钮，但至少保留一个。

$(document).on('click', "#client-submit", function(){
    $("#client-div").css('height', $("#client-div").height() + 35);
    $("#client-table").last().clone().appendTo($("#client-div")); 
    $(this).remove(); // problem here
});

我确实理解这个问题..似乎last().clone()没有正确地做到这一点。似乎不是得到最后一个#client-table而是得到第一个..您可以在此处查看问题

编辑：忘了提，我也想保持之前选择的值select。我怎样才能做到这一点？

Answer 1

这应该解决它：

$("#client-table tr:last").clone().appendTo($("#client-table"));

如果您想清除最后一个输入字段而不是保留它，请在上述语句之后添加：

$("#client-table").find("input:text:last").val("");

Answer 2

你的问题是这一行：

$("#client-table").last().clone().appendTo($("#client-div")); 

您不断创建“客户表”表，但您正在使用 id 来获取它们。jQuery 只会在您使用 id 时返回第一个。因此，“.last()”实际上是你的第一个。

在“客户表”上放一个类并使用

$(".client-table:last")

Answer 3

在堆垛机的帮助下解决了所有麻烦。您可以在此处查看解决方案。

1. 从 更改ID为Class解决了我关于按钮的问题。
2. 在克隆之前检索选择选项的值解决了我关于维护以前内容的问题。

解决方案：

 var i = $(".client-select:last").find(':selected').val();
 $(".client-table").last().find('.client-select').val(i);