質問: $("#testtable th").index(this)-1; if($(this).text() != "") { $(".table_hukidashi").eq(index).text($(this).text()); $(".table_hukidashi").eq(index).css("display","inline-block"); } }, 'mouseleave' : function(){ $(".table_hukidashi").css("display","none"); } }); ``` 自動作成ではない場合の#testtableのthには、上記コードで吹き出しは表示されますが、自動作成された#testtableでは反応しません。 ちなみに、console.logの結果も表示されないので、全く反応していないようです。 どこを修正すればいいのでしょうか? 有識者の方、お知恵をお貸しください。
回答: `$("#testtable th")`とした時点で、**その時点で存在する**要素を選択するため、それ以降に追加された要素にはイベントはセットされません。 `$("#testtable").on('mouseenter', 'th', function(){})`のようにセットすれば、イベントは`#testtable`でまとめて拾うので、あとから増えた`th`にも対応できます。