javascript - 单击子动态内容

Question

当涉及到使用 AJAX 动态引入的元素的子元素时，我遇到了 jQuery 问题。

所以我有以下声明:

$('.Select-menu-outer').children().click(function() {
  console.log("tiggered");
});

但是由于某种原因这不起作用，当我单击 .Select-menu-outer 元素的子元素时没有任何反应。

如果我使用下面的语句:

$(document).on("click", '.Select-menu-outer', function() {
  console.log("tiggered");
});

它会触发，但我希望它会触发该元素的子元素。知道如何使用 .on 做到这一点吗？

谢谢

Answer 1

直接子选择器 > 等同于 .children() 方法。您需要修改选择器以定位直接子元素:

$(document).on("click", '.Select-menu-outer > *', function() {
  console.log("tiggered");
});