Как сделать так, чтобы моя кнопка отправки исчезала при нажатии?

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>