jquery - 如何在jquery on()函数中获取childSelector

Question

我使用 Jquery 添加动态列表元素 (html li) 并尝试创建一个函数来删除它:这是我的 html 代码:

<ul id="tags_liste" class="list-inline">
  <li class="tags">
    <a href="" title="">
      <span class="label label-primary">Tag 1</span>
    </a>  
    <a href="" title="Delete this tag" class="form_ajout_tag_suppr">
      <span class="glyphicon glyphicon-remove"></span>
    </a>
  </li>
  <li class="tags">
    <a href="" title="">
      <span class="label label-primary">Tag 2</span>
    </a>
    <a href="" title="Deletethis tag" class="form_ajout_tag_suppr">
      <span class="glyphicon glyphicon-remove"></span>
    </a>
  </li>
</ul>

和我的 Jquery 代码:

$("#tags_liste").on("click", ".form_ajout_tag_suppr", function(e) {
  e.preventDefault();

  var sThis = $(this).attr("id");

  console.log("sThis : " + sThis);

  if (confirm("Do you really want to delete this tag?")) {
    $.ajax({
      type: "GET",
      url: "../../bobookmarks/content/json/delete_tag_in_session.php",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      data: {
        sLibelle: sTag
      },
      success: function(data, statut) {
        if (data == "ok") {
          $(this).parent().remove();
        } else {

          return false;
        }
      },
      error: function(resultat, statut, erreur) {
        var s = "An error has occured";
        console.log(s);
      },
    })
  }
});

sThis 变量为 null，因为当然没有 id，所以我想获取单击哪个 li 元素以使用代码 $this.parent( $.ajax 成功 block 中的 ).remove() 。

也许我没有使用 jquery on() 函数的正确方法。

预先感谢您的帮助。

Answer 1

删除 attr('id') 并仅使用 jQuery 对象。

$("#tags_liste").on("click", ".form_ajout_tag_suppr", function(e) {
  e.preventDefault();

  var sThis = $(this);

  if (confirm("Do you really want to delete this tag?")) {
    $.ajax({
      ...
      data: {
        sLibelle: sTag
      },
      success: function(data, statut) {
        if (data == "ok") {

          sThis.parent().remove();

        } else {

          return false;
        }
      },
      error: function(resultat, statut, erreur) {
        var s = "An error has occured ";
        console.log(s);
      },
    })
  }
});