javascript - insertAfter() 通过加倍追加

Question

我正在尝试在一些 certian tr 之后附加 tr 并且我使用此代码。但它是通过加倍追加的，第一次只有 1，第二次是 2，第三次是 6 ...有人可以帮我解决这个问题吗？我只想在每次点击时添加一个 tr。

function einfugen(){
  $('#append_tr').bind('click', function(){
    $('<tr><td>new td</td></tr>').insertAfter('#append_tr');
  });
}



<tr id="append_tr"> some data </td>

编辑:这是我的绑定(bind)代码:

<tr id="append_tr"><td> <a onclick="einfugen()"> + add </a> </td></tr>

感谢帮助

Answer 1

您可能会多次调用该函数。

不要使用 bind 并使用 on (jQuery 1.7):

$('#append_tr').on('click', function(){
    $('<tr><td>new td</td></tr>').insertAfter('#append_tr');
});

http://api.jquery.com/bind/

来自您的编辑:

 <a onclick="einfugen()"> 

是问题。每次单击链接时，您都会重新绑定(bind)一个事件处理程序。

使用以下结构你可以做到:

$("#append_tr").click(function() {
   $("#table").append("<tr><td>New row!</td></tr>");
});

http://jsfiddle.net/mBNbZ/