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

Question

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

HTML：

<div id = "answer_list_container">
  <ul id = "answers">
    <li id = "answer_1" class = "answer">Answer1 Text</li>
    <li id = "answer_2" class = "answer">Answer2 Text</li>
  </ul>
</div>

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

• $("#answers > li").click(answerSelectionHandler);
• $(".answer").click(answerSelectionHandler);
• $("#answers li").click(answerSelectionHandler);

answerSelectionHandler包含console.log在处理程序执行时触发的调用。它没有关闭，这表明选择器问题。

Answer 1

我猜这些li元素是动态添加的，所以你需要像这样委托最近的静态父元素

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