jquery - 如何在 on 回调函数中使用 $(this) 来引用孩子

Question

您使用什么选择器来引用on函数内的子项？示例如下。

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

控制台中引用的$(this)是父级。如何选择孩子？注意：父母下的孩子很多，我只想得到$(this)被点击的孩子。

Answer 1

正确的方法是：

$("#parent").on("click", ".child", function () {
    console.log($(this))  // this here refers to '.child' being clicked.
});

来自.on() API 文档

选择器

类型：字符串

一个选择器字符串，用于过滤将调用处理程序的选定元素的后代。如果选择器为 null 或省略，则处理程序总是在到达所选元素时被调用。

Answer 2

您也可以在子节点上注册它，而不是在父节点上注册您的处理程序：

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