Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

JavaScriptで動的に追加した要素(テーブルとか)でクリックイベントが反応しない

More than 1 year has passed since last update.

JavaScriptで要素(テーブル)を動的に追加した時、テーブルセルのクリック時にクリックイベントが反応しない件

いやーまいった。
悩むこと1時間。いやもっとか。
備忘録として記入


変更前のソース

$(function(){
    $(".hogehoge_table td").click(function(){
        $tag_td = $(this)[0];
        $tag_tr = $(this).parent()[0];
        console.log($tag_tr.rowIndex);  // クリック時の行番号確認用
    });
});

これじゃ、だめらしい。

変更後

$(function(){
    $(document).on('click', '.hogehoge_table td',function(){
        $tag_td = $(this)[0];
        $tag_tr = $(this).parent()[0];
        console.log($tag_tr.rowIndex);// クリック時の行番号確認用
    });
});

clickではなく、onを使って解決。

nekoi
45歳からプログラムを始めました。androidJAVA歴3年目、HTML5 CSS3歴2年目のド新人です
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away