jquery - $(this) を使用して on コールバック関数で子を参照する方法

Question

関数内で子を参照するためにどのセレクターを使用しますonか? サンプルは以下です。

$("#parent").on("click", $(this).find(".child"), function() {
    console.log($(this));
});

$(this)コンソールで参照されている は親です。その子はどうやって選ぶの？$(this)注：親の下に多くの子がいます。クリックされている子として取得したいだけです。

Answer 1

ハンドラーを親ノードに登録する代わりに、子ノードにも登録できます。

$("#parent").children(".child").on("click", function() {
    // fires when any child of #parent is clicked; $(this) will be the child node clicked
});