删除<；td>；通过jquery动态添加

我正在做一个项目，我已经从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');
        }
    });
});

$（函数（）{
var spinner=$（“#spinner”）.spinner（{min:0}）；
$（“#确定”）。单击（函数（）{
var spiner_val=微调器。微调器（“值”）；
var html='abcabc'；
对于（i=0；i

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

---

下面是演示

向

a

元素添加类

delete

，如

然后

---

演示：

另外，表结构是错误的，我想你已经注意到了，是的，我现在拿到了，谢谢你的每一个可能的副本

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