使用jquery动态删除表行不起作用

Question

此表正在动态生成。

<table class='myTab' id='selectPlaceTable' border='1px'>
    <tr>
    <td>Something</td>
    <td>Something</td>
    <td>Something</td>
    <td><input type='button' class='buttonRmv' id='buttonRmv' value='+'</td>
    </tr>
 </table>

jquery功能

$(document).ready(function(){
    $(".buttonRmv").on('click',function(){
            $(this).parent().parent().remove();
        });
});

Answer 1

使用此

Check Demo

$(document).ready(function(){
    $(document.body).on('click',".buttonRmv",function(){
            $(this).parent().parent().remove();
    });
});

Answer 2

请尝试以下代码：

$(document).ready(function(){
    $('body').on('click',".buttonRmv",function(){
        $(this).closest('tr').remove();
    });
});

Answer 3

由于您动态生成HTML，请使用事件委派和.closest()，如下所示： -

$(document).ready(function(){
    $(document.body).on('click',".buttonRmv",function(){
        $(this).closest('tr').remove();
    });
});

Answer 4

试试这个：

$(document).ready(function(){
    $('body').on('click',".buttonRmv",function(){
        $(this).closest('tr').remove();
    });
});