jQueryを使用して動的にTDを追加する

Question

私はTDにイメージを追加し、クリックイベントをイメージに添付するメソッドを持っています。私は動的に行を構築していて、TDイメージの列を自分の行に付けたいと思っていました。

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

そして、ここに私のaddActionColumn方法である：TRは、それに添付された画像列を取得することはありませんいくつかの理由について

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); 
} 

。

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には、関数の値を返すされていないため、nullであるaddActionColumnの結果をしようとしているので、それがあると思います。

は、関数の最後に、このような何かを試してみてください。

return $(td);