選擇和刪除行

Question

對於添加行我寫這樣的

$('#tab1 tbody ').append('<tr id='+i+'><td>'+k+'</td><td>'+l+'</td><td>'+m+'</td></tr>'); 

的代碼在上面的代碼片段i是全球價值..

現在，如果我試圖選擇新添加的行是不承認..因爲我選擇這樣寫

$('#tab1 td').click(function(){ 
alert(i); 
$(this).parent().remove(); 
}); 

你看到有什麼錯誤嗎？

Answer 1

我認爲你的td元素有無效的id。 ID不應以數字開頭。嘗試在i之前附加一些靜態文本。

而且你必須使用.live()事件得到了在JS

$('#tab1 td').live("click", function(){ 
    alert(i); 
    $(this).parent().remove(); 
}); 

Answer 2

你只是添加click處理程序存在的.click()線執行時的<td>元件產生的元素。

您需要調用.live()函數，該函數會將您的處理函數添加到與選擇器匹配的所有元素，而不管它們何時創建。

Answer 3

變化

$('#tab1 td').click(function(){ 

到

$('#tab1 td').live('click', function(){ 

Answer 4

在運行時添加的，所以你應該@永遠不會使用數字爲現場直播，而不是點擊

http://api.jquery.com/live/

$('#tab1 td').live('click', function() { 
    alert(i); 
$(this).parent().remove(); 
});