jquery - 删除通过jquery动态添加的

Question

我正在做一个项目，我已经从stackoverflow中获得了帮助，但我再次陷入困境。问题是用户可以选择他想要添加的行数，但是如果让我们假设他想要添加三但错误地输入四并添加四行，现在他想要删除任何单行，所以他可以在下面这样做它的代码

$(function() {
    var spinner = $( "#spinner" ).spinner({ min: 0 });

    $( "#ok" ).click(function() {
        var spiner_val = spinner.spinner( "value" ) ;
        var html = '<tr><td><input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<select><option value="">abc</option><option value="">abc</option><option value="">abc</option><option value="">abc</option></select><a href=""><img class="img-icons" src="images/delete.jpg" /></a></td></tr>';

        for(i = 0; i < spiner_val;i++){
            $(html).insertAfter('tr:last');
        }
    });
});

因此，当用户单击任何行前面的图像时，该行应该被删除。提前谢谢。

这是演示http://jsfiddle.net/aLZhw/2/

Answer 1

delete向a元素添加一个类，例如<a href="" class="delete"><img class="img-icons" src="images/delete.jpg" /></a>

然后

 $('#my-table').on('click', '.delete', function(){
     $(this).closest('tr').remove();
     return false;
 })

演示：小提琴