jquery接近于在同一页面上的表中形成数据

Question

jsfiddle link

我想在上面的jsfiddle示例中有一个关闭按钮，就像在记录末尾的图片中一样，当单击关闭按钮时，我想删除记录。

任何人都可以帮我这么做吗？

Answer 1

只需添加一个包含X的元素，以及一个删除TR

的事件处理程序

$(document).ready(function(){
    $('#details').on('click', '.remove', function() {
        $(this).closest('tr').remove();
    })

    $('#submit').on('click',function(){
        var st = '';
        $('#myForm input[type=text],input[type=password],select').each(function(){
            st = st+ '<td>'+$(this).val()+'</td>';
            $(this).val('');
        });
        var remove = $('<td />', {text : 'X', 'class': 'remove'});
        $('#details').append( $('<tr />').append(st, remove) );
    });
});

FIDDLE