无法使用jQuery从表中删除行

Question

我无法从动态创建的表中删除行。如果用户选择option，则将调用on on change事件。在这个事件动态这里，我正在创建一个表。如果用户选择了另一个option，则应删除之前的行，并将新行添加到表中。

<table id="tbl1"></table>

<script type="text/javascript">
    $('#options').change(function() {
        $('#tbl1 tr').remove();
        if (this.value != "") {
            var tr = $('<tr>');

            //some code to add nu. rows dynamically

            $('<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>').appendTo(tr);
            $('#tbl1').last().after(tr);
        }

        //end

我的错误是什么？

Answer 1

试试这个：您可以使用append()在表格的最后位置添加行。

$('#options').change(function() {
        $('#tbl1 tr').remove();
        if (this.value != "") {
            var tr = $('<tr>');

            //some code to add nu. rows dynamically

            $('<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>').appendTo(tr);
            $('#tbl1').append(tr); //use append instead of after
        }

        //end