如何获得点击事件上一个新创建的行与jQuery

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 Demo

但现在当我点击新创建的row什么都没有附加。 为什么还有其他row未创建？

有没有办法做到这一点？

Answer 1

使用event delegation代替：

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