Ajax调用后如何隐藏特定按钮答案

【问题标题】：How to hide specific button after Ajax callAjax调用后如何隐藏特定按钮
【发布时间】：2021-04-06 21:16:29
【问题描述】：

有一个具有相同类的多个按钮，虽然具有不同的 id，但如何根据单击的按钮隐藏特定按钮！

我的代码

*Btn"

<button class="join" id="join_2">Join Group</button>

jQuery/Ajax

$(".join").off().click(function (){
  Var group_id = this.id;

  $.ajax({
    //
    //
    //
    Success: function(data){
      $(group_id).hide();
    }
  });
});

但这并没有隐藏成功后单击的按钮...可能 Var 不是 superGlobal.. 有谁知道我该如何解决这个问题..

【问题讨论】：

它应该可以工作，假设 AJAX 实际上成功返回 - 你调试过吗？（尽管注意区分大小写 - 将 Var 重写为 var 和 Success 到 success，然后再试一次。
啊等一下，我忘记了选择器中需要的#（见下文）。但是你无论如何都可以写$(this)来将点击的元素放入一个jQuery对象中——不需要弄乱ID。

标签： php jquery ajax

【解决方案1】：

请尝试

$('#' + group_id).hide();

因为你只是得到了 id 而不是元素本身。因此，您仍然需要在隐藏该元素时添加#

【讨论】：

【解决方案2】：

您忘记了选择器开头的#。

但无论如何，您根本不需要弄乱 ID - 您可以按以下方式进行操作：

$(".join").off().click(function (){
  var btn = $(this); //create jQuery object direct from the element

  $.ajax({
    //
    //
    //
    success: function(data){
      btn.hide();
    }
  });
});

【讨论】：