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>

如何使我的提交按钮在单击时消失？

1 个答案: