jquery：根据名称和祖先选择元素(jquery: select element based on name and ancestor)

jquery：根据名称和祖先选择元素(jquery: select element based on name and ancestor)

我想将click事件附加到名为“page_chooser”的元素，但前提是它们的祖先具有id =“posting”。

要获取名为“page_chooser”的元素，我这样做：

$("[name=page_chooser]").click(function() {

如何添加额外的祖先限制？ 我想这样做，因为我在几个网页上使用名称“page_chooser”，但点击功能应该不同。

I want to attach a click event to elements that are named "page_chooser", but only if they have an ancestor with id = "posting".

To just get elements named "page_chooser" I do this:

$("[name=page_chooser]").click(function() {

How can I add the extra ancestor restriction? I want to do this because I use the name "page_chooser" on several webpages, but the click function should be different.

最满意答案

祖先选择器：

$("#posting [name=page_chooser]").on('click', function () {

或者使用委托以防止page_chooser元素异步加载：

$("#posting").on('click', '[name=page_chooser]', function () {

Ancestor selector:

$("#posting [name=page_chooser]").on('click', function () {

or using delegation in case page_chooser elements are loaded asynchronously:

$("#posting").on('click', '[name=page_chooser]', function () {