如何让我的提交按钮消失？

Question

如何让按钮消失？这是我的javascript

$(document).on('click', '.submit', function(){
      var id = $(this).attr("id");
      if(confirm("Kindly check all values to ensure no error before clicking ok"))
      {
        $.ajax({
          url:"plan.php",
          method:"POST",
          data:{id:id},
          success:function(data)
          {
            $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
            $('#user_data').DataTable().destroy();
            fetch_data();
          }
        })
      }  
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我想知道插入函数的位置，使按钮在单击后消失。我是javascript的新手，只是奇迹般地让这个工作。

Answer 1

使用this访问单击的按钮。和remove()使它消失。如果你不想永久消失按钮使用hide()。

$(document).on('click', '#submit', function(){
      var id = $(this).attr("id");
      $(this).remove();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="submit">Submit</button>