javascript - 删除在 anchor 标记中不起作用的图标

Question

我想使用 anchor 标记中的删除图标删除添加的列表，但它正在删除并再次打开列表

    $('.list').on("click", ".remove", function () {
          $(this).parent().remove();
      });

<ul class="list">
<li><a href="#">List[i]<i class="fa fa-remove remove"></i></a></li>
</ul>

Answer 1

您要删除 a ，请使用 closest 删除列表项

  $('.list').on("click", ".remove", function () {
      $(this).closest('li').remove();
  });