コンソールログにテキストを表示するためにテーブルを取得しようとしました。テキストはthに応じて表示されます

Question

最終的には、クリックした列に基づいてdiv内のすべてのテーブルを並べ替える機能を開発中です。

私は小さく始めていますが、私はどこにも行きません。 私はthをクリックして、そのテキストをコンソールログに書き留めておきたいと思っています。

$("table").each(function(){ 
    $(this).find("th").onclick = function(){console.log($(this).text())}; 
}); 

Answer 1

jQueryを使用する場合、onclickなどを使用しないでください。 .onを使用します。あなたはまた、すべてここeachを使用する必要はありません。

$("table th").on("click", function() { 
    console.log($(this).text()); 
}); 

代わりに（これは私がしたいものです）、イベントの委任を使用します。

$("table").on("click", "th", function() { 
    console.log($(this).text()); 
}); 

そのように、一つだけのハンドラがありますテーブルごとに、それはまだすべてのthにハンドラがあるかのように解雇されています。