使用jQuery動態添加TD

Question

我有一種將圖像添加到TD並將單擊事件附加到圖像的方法。我正在動態構建一行，並希望將TD圖像列附加到我的行中。

$("<tr></tr>").append(addActionColumn($("<td></td>"))); 

這裏是我的addActionColumn方法：

function addActionColumn(td) { 



    var actionImage = document.createElement("img"); 
    $(actionImage).attr("src", "../Images/cross_red.JPG"); 

    // delete the row 
    $(actionImage).click(function() { 

     $(td).parent().remove(); 

    }); 


    $(td).append(actionImage); 
} 

出於某種原因，TR永遠不會與它相連的圖像列。

Answer 1

您的函數不會返回您創建的td元素。

Answer 2

我會做這樣的事情：

var td = $('<td />'); 
$('<img />').addClass('close-button').prop('src', '../Images/cross_red.JPG').appendTo(td); 

$('<tr />').append(td).appendTo('#your_parent_element'); 

$('.close-button').on('click', function() { 
    $(this).parent().remove(); 
}); 

Answer 3

我想，那是因爲你正試圖.append的addActionColumn這是null，因爲你沒有返回的函數值的結果。

嘗試這樣的事情在函數的末尾：

return $(td);