javascript - 选择第一个 child 的元素

Question

我有一个看起来像这样的函数:

$(".container").on("click", ".comment:first-child > .like_btn", function () {
    console.log("it works!");
});

.container 中的.comment 是动态添加的。我想做的是检测是否有人点击了第一条评论的赞按钮。但是，我现在所拥有的不起作用。我究竟做错了什么？

HTML

<div class="container">
  <div class="comment"> //Dynamically added
     <div class="like_btn"></div>
  </div>
</div>

编辑:没有错误，只是点击事件没有触发。

Answer 1

尝试将您的处理程序附加到 文档:

$(document).on("click", ".container .comment:first-child > .like_btn", function() {
    console.log("it works!");
});

setTimeout(() => $(".comment").append("<div class='like_btn'>Like!</div>"), 2000);

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<div class="container">
  <div class="comment"> //Dynamically added
  </div>
</div>