Javascript 如何根据行的索引删除行?
我想使用jQuery删除所选行。首先,单击“添加”按钮时,使用“删除”按钮动态添加行。现在我想删除选中的行 我使用以下代码动态添加行:Javascript 如何根据行的索引删除行?,javascript,jquery,jsp,Javascript,Jquery,Jsp,我想使用jQuery删除所选行。首先,单击“添加”按钮时,使用“删除”按钮动态添加行。现在我想删除选中的行 我使用以下代码动态添加行: $(“#btnAdd”)。在('click',函数(){ $('#Time tr').last().after('Diplamo/Certificate:Percentage:'); }); 1st:Id必须是唯一的,因此不要对多个元素使用Id。。改用类 2nd:在追加行时,您需要 假设delete是delete按钮的类。我使用了.on作为行,因此动态添加了删
$(“#btnAdd”)。在('click',函数(){
$('#Time tr').last().after('Diplamo/Certificate:Percentage:');
});代码>
1st:Id必须是唯一的,因此不要对多个元素使用Id。。改用类
2nd:在追加行时,您需要
假设delete
是delete按钮的类。我使用了.on
作为行,因此动态添加了删除按钮
这是从单击的删除按钮中选择最近的tr
,然后将其删除
看看这个方法。我删除了id,现在删除了我的类名。如果我给$(“body”),则不是$(“#time”),而是打印警报,它将进入此函数。但行未被删除。@sathishkumar在您将类更改为delete之后。。请参阅更新的答案。。只是我用你的新btn类delete更改了.delete\u btn。。即使您将$(“#time”)更改为$(“body”),也应该如此work@sathishkumar是的,只是大写的第一个字母。。祝你好运:)非常感谢。但我不知道为什么它不起作用。请看fiddle@sathishkumar id应该是Time
,而不是Time
。看看这个小提琴,如果它解决了你的问题,请考虑投票,并把它标记为正确答案。@萨西什库玛,请把这个标记为正确答案。
$('#Time').on('click' , '.delete' , function(){
// change .delete_btn with your delete btn class
$(this).closest('tr').remove();
});
$("#Time").on("click", ".delete", function(){
$(this).closest("tr").remove();
});