如何使用$（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 Documentation

選擇

類型：String

選擇器串來過濾所選擇的元件的後代 這將ca處理程序。如果選擇器爲空或省略，則在處理器到達選定元素時總是調用該處理器。

Answer 2

代替父節點上註冊的處理程序，可以將其對孩子登記，以及：

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