Блог

Главная - Вопросы по программированию - Измените класс предупреждений начальной загрузки с помощью Jquery

Измените класс предупреждений начальной загрузки с помощью Jquery

#javascript #jquery #bootstrap-4

Вопрос:

У меня есть предупреждение в моей html-форме, как показано ниже

  <div class="alert bg-danger text-white alert-dismissible" id="alert" >
    <button type="button" class="close" data-dismiss="alert"><span>amp;times;</span></button>
    <span class="font-weight-semibold"><a href="#" class="alert-link" id="message">Please check your credentials</a>.
</div>

Когда пользователь отправляет форму, я проверяю ввод формы и на основе результата изменяю текст предупреждения, как показано ниже, с помощью jquery.

 $("#error").show();
$('#error').html('Invalid EmailId or Password !');

Он работает нормально, однако я хочу, чтобы класс оповещения был успешным при успешном входе в систему, я не понимаю, как я могу изменить класс с

 alert bg-danger text-white alert-dismissible

Для

 alert bg-success text-white alert-dismissible

Я пытаюсь так, но это не работает

 $("#alert").attr("alert bg-danger text-white alert-dismissible", "alert bg-success text-white alert-dismissible");

Дайте мне знать, если кто-нибудь здесь может помочь мне решить головоломку за меня.

Спасибо!

Комментарии:

1. На самом деле вы хотите изменить только класс. Вы можете попробовать $("#alert").removeClass("bg-danger").addClass("bg-success");

Ответ №1:

используйте elem.toggleClass() . нет необходимости заменять весь класс, просто переключайтесь между danger and success 

 $("#alert").toggleClass("bg-danger bg-success");
Метки: