Javascript jQuery无序列表元素单击选择器问题

对于web应用程序视图的一部分，用户输入一些数据并将其添加到无序列表中。对于将来的修改，我希望每个列表元素都可以选择进行编辑和/或查看

HTML:

回答文本
回答文本

但是，我无法为列表元素获取正确的选择器。我试过了

• $（“#答案>li”）。单击（答案选择处理程序）
• $（“.answer”）。单击（answerSelectionHandler）
• $（“#回答li”）。单击（回答选择处理程序）

---

answerSelectionHandler

包含执行处理程序时激发的

console.log

调用。它没有关闭，这表明存在选择器问题。

我猜

li

元素是动态添加的，因此您需要像这样委托最近的静态父元素

$('#answers').on('click','.answer',function(){
   answerSelectionHandler();
});

---

我猜

li

元素是动态添加的，因此您需要像这样委托最接近的静态父元素

$('#answers').on('click','.answer',function(){
   answerSelectionHandler();
});

---

console.log在函数的顶部吗？console.log在函数的顶部吗？我忘记了（）上的

on

，因为我已经习惯于使用

click（）

。太糟糕了，标准事件函数没有

on（）

的隐式功能，我忘记了

on（）

，因为我已经习惯于使用

click（）

。太糟糕了，标准事件函数没有

on（）的隐式功能