JavaScript,JQuery:セルのクリックについて。

Question

初めての質問です。
至らないところがあると思いますがよろしくお願いします。

###質問

テーブルをつくり"td"をクリックすると起動するfunctionを作りました。

JSでボタンを押すと,セルの列が追加するものを作ります。
このボタンで、追加したセルの"td"をクリックしても上で言った、functionは起動しません。

なぜ起動しないのか、どうすれば起動するようになるのか教えていただければ幸いです。

###該当のソースコード
$(function() {
$("td").click(function() {
ここに実行作業
});
})

Answer 1

都度割り当てるより、イベントバブリングを利用して上の要素で拾うほうが楽です。

$(function() { 
    $("table").on('click','td',function() { 
        //ここに実行作業 
    }); 
});

Comments

[退会済みユーザー]

なるほど、テーブル全体を持つことで中の要素も反映させるということですね。
これは簡単に変更することが出来ました！

Answer 2

追加したtdタグにも同様の処理を割り当ててください。

// 例:jQuery
var funcOnClick = function(e){
  vat td = $('<td />');
  td.on('click', funcOnClick);
  $(e.target).parent().append(td);
};
$('td').on('click', funcOnClick);

Comments

[退会済みユーザー]

onでバインドしてあげればよいということでしょうか？
function(e)内の処理がいまいち何をしているのかわかりませんでした。
知識不足で申し訳ありません。

Answer 3

jquery on click 動かない
で google 検索してみましたか？

いろいろ情報が得られると思います。