如何使用Jquery在新创建的行上获取click事件

Question

我有一个table:

<table id="myTable" style="cursor :pointer;">
 <tr>
   <td>col 1</td><td>col2</td>
 </tr>
 <tr>
   <td>field</td><td>Field 2</td>
 </tr>
 <tr>
   <td>another field</td><td>one more field</td>
 </tr>
</table>

当我点击row这个代码添加一个新的row:

$("#myTable tr").click(function(){
   $(this).addClass('selected').siblings().removeClass('selected');
   var value=$(this).find('td:eq(1)').html();
   if (value) {
   alert('adding New Row !')
   $('#myTable').find('tbody:last').append('<tr><td>new Field</td><td>New Field</td></tr>');
    }
});

JSFiddle演示

但是现在当我点击新创建时row没有任何附加内容.为什么row不创建另一个？

有没有办法做到这一点 ？

Answer 1

改为使用事件委托:

$("#myTable").on('click','tr',function() {});