如何獲得點擊事件上一個新創建的行與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() {});