javascript-脚本不适用于新版本的jQuery

这个使用jQuery添加/删除表行的简单脚本与1.3.2版配合使用.但是,在同一页面上,我还使用了需要jQuery> 1.6.该脚本不再适用于该脚本,因为如果我第二次单击“添加”,它将删除一行而不是添加一行.

一个有效的例子可以在这里找到：http://jsbin.com/arete3/edit#source

$(function(){
        $("input[type='button'].AddRow").toggle(
            function(){
                $(this).closest('tr').clone(true).prependTo($(this).closest('table'));
                $(this).attr("value", "Delete row");
            },
            function(){ 
               $(this).closest('tr').remove();          
        });
    });

要了解我的意思,请将jQuery版本更改为高于1.6的任何版本

有人有建议吗？

解决方法:

这是一个可以满足您需求的脚本.
我不知道您为什么使用.toggle,因为它一次添加,而下一次删除.这是没有意义的.

Check out this JSBin

我认为这是您想要的.

$(function(){
// Add row on click (on click of the add button)
$("input[type='button'].AddRow").click(function(){
    // Add the row
    $(this).closest('tr').clone(true).prependTo($(this).closest('table'));
});

// Delete row on click (on click of the delete button)
$("input[type='button'].DelRow").click(function(){
    // Delete the row
    $(this).closest('tr').remove();
});
}); // End DOM

标签：html-table,add,dynamic,javascript,jquery
来源： https://codeday.me/bug/20191202/2085186.html