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;
 })

演示：Fiddle

删除通过jquery动态添加

1 个答案: