Javascript 如何在每行添加删除按钮？

有人能告诉我吗 如何在每行添加删除按钮 从下面的代码 [Jsfiddle][1]

var计数器=1；
jQuery（'a.add-author'）。单击（函数（事件）{
event.preventDefault（）；
计数器++；
var newRow=jQuery（“”）；
jQuery（'div.row'）.append（newRow）；
});

要“删除”元素，可以使用
jQuery（'element'）.remove（）
函数

通过使用
jQuery（'element'）.on（）
可以侦听事件，即使稍后创建了元素

请仔细阅读有关
.on（）
的文档


var计数器=1；
jQuery（'a.add-author'）。单击（函数（事件）{
event.preventDefault（）；
计数器++；
var newRow=jQuery（“”）；
jQuery（'.addauthor'）。在（newRow）之前；
});
//绑定到“body”对于此示例，在使用此示例时绑定到您自己的包装器元素！
jQuery（'body'）。在（'click'，'delete'，函数（事件）
{
event.preventDefault（）；
$（this）.closest（'.row'）.remove（）；
});
.row{位置：相对；宽度：500px；高度：自动；边距：5px 0；溢出：隐藏；}
.row div{位置：相对；浮动：左侧；宽度：150px；高度：自动；溢出：隐藏；}

JS Fiddle链接不起作用（语法错误）。您当前正在将新的
.row
元素添加到现有链接中。您可能希望将其添加到
.row
；）之后感谢您的大力帮助，但这会破坏上的布局。我无法使用Hi，是否可以像我将示例更改为使用jQuery的
.on（）
函数那样使用“Delete”函数。通过这种方式，您可以在创建时将其绑定到每个元素一次。