我的任务是实现功能,当我点击一个按钮,然后它添加一个完整的行,这是由我通过.clone()方法实现的.现在我要删除它.当我点击十字按钮时,只删除该行.如图所示:
当我点击十字架时,然后删除该行.我的代码是:
$(document).ready(function () { $("button#add").click(function(){ $(".abcd:last").clone().appendTo(".wrapper"); }); $(".glyphicon-remove").click(function () { $(".abcd:last").remove(); }); });
HTML:
我可以通过单击添加按钮添加新行,但无法通过单击十字来隐藏该行.
注意:仅删除该行,选择了哪个行交叉按钮.
首先,您需要将克隆更改为:
$(".abcd:last").clone(true).appendTo(".wrapper");
传递真实意味着它也是克隆事件.
然后,在您的删除功能中,您需要使用this
关键字.this
将点击按钮.然后,您可以使用最近的DOM遍历方法删除您的行:
$(".glyphicon-remove").click(function () { $(this).closest(".abcd").remove(); });