jsによるクラスの削除

Question

状況に応じてHTML 2でステートメントを表示します。 BootstrapクラスのDivaはalertです。これは過負荷のないページです。したがって、新しいデータが送信された後に古い通信が消えてしまうのを見たいと思います。クラスdiv alertが消えるようにするにはどうすればいいですか？あなたは

$('.panel-body').removeClass('alert'); 

をやっている

function forgotUsername() { 
    $('.panel-body').removeClass('alert'); 
    var forgotUsernameDTO = {"email":$('#email').val()}; 
    $.ajax({ 
     type: 'PUT', 
     url: '/forgotUsername', 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     data: JSON.stringify(forgotUsernameDTO), 
     success: function (result) { 
      $('#forgotUsernameForm') 
       .before('<div class="alert alert-dismissable alert-success">' 
         + '<span th:text="#{forgotUsername.success}">An e-mail has been successfully sent. Please allow a few minutes for it to get to your inbox!</span>' 
         + '</div>'); 
     }, 
     error: function (error) { 
      $('#forgotUsernameForm') 
       .before('<div class="alert alert-dismissable alert-danger">' 
         + '<span th:text="#{forgotUsername.error}">No username found associated with that e-mail!</span>' 
         + '</div>'); 
     } 
    }); 
} 

Answer 1

$ .removeClass（）関数は、要素からクラスを削除しようとしますが、それは実際に要素を削除しません。あなたが望むと思う。

$('.alert').remove(); //selects all elements with the "alert" class, then removes them from the page