删除图标无法在锚标记中工作

Question

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

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

POST book/_search
{
  "filter": {
    "bool": {
      "must": [
        {
          "script": {
            "script": "_source.title?.length() > 30"
          }
        },
        {
          "missing": {
            "field": "type"
          }
        }
      ]
    }
  }
}

Answer 1

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

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

Answer 2

在斜体标记中提供一些值，以便您可以点击它。

＆＃13;

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="list">
<li><a href="javascript:;">List[i]<i class="fa fa-remove remove">X</i></a></li>
</ul>

＆＃13;

＆＃13;

＆＃13;