javascript - 用append添加的行如何动态删除？

问题描述

问 题

代码如下：

$('.a2').click(function () {
                    var b3 = $('.b3').val();
                    var b4 = $('.b4').val();
          
                    var newRow = "<tr><td>" + b3 + "</td><td>" + b4 + "</td><td><button class='btn btn-danger" +
                        " btn-xs' id='a4'>删除</button></td></tr>";
                    $(".c1").append(newRow);
                });
                
                
                
                
                $('#a4').click(function () {
                alert('1');
                $(this).parents('tr').remove();
            })
                

想实现动态删除添加的行 ，但是按照我上面的删除按钮没有反应，是因为button不能直接使用append添加到行里面吗？

解决方案

$('.a2').click(function () {
    var b3 = $('.b3').val();
    var b4 = $('.b4').val();
  
    var newRow = "<tr><td>" + b3 + "</td><td>" + b4 + "</td><td><button class='btn btn-danger" +
        " btn-xs' id='a4'>删除</button></td></tr>";
    $(".c1").append(newRow);
});        
                
$(document).on('click','#a4',function () {
    alert('1');
    $(this).parents('tr').remove();
})

这篇关于javascript - 用append添加的行如何动态删除？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！