Jquery自定义警报框

好的，这就是问题所在。我有两种类型的警告框，一种用于成功，另一种用于错误。目前，我有一个基于zend的应用程序，每当用户填写表单（如配置文件更新、新提交等）时，这些警报框都会显示。现在我需要知道的是，如何为每个警报框自定义类名称，以便在出现错误时，Jquery将向警报框添加一个类并显示该框？以下是我的2警报框

成功：

 <div id="alert-container">
        <div class="info-alert alert-box-success">
            <p class="info-alert-text">
              // message will be custom added by jquery
            </p>
            <div class="bottom"></div>
        </div>
    </div>  

---

问题是，如何为每页添加一个通用警报框，以便在遇到错误时显示

警报框错误

，在成功时显示

警报框成功

，并显示自定义消息？当前，如果我将

信息警报显示为块，则只显示错误消息。谢谢
在显示
.info alert
之前，如果您添加了内容和正确的类，它将如下所示：

$('.info-alert')
.removeClass('alert-box-error')
.addClass('alert-box-success')
.find('p')
.text('This is a success message')

显然，维切维萨对错误负责

基本上，您要做的是首先删除不需要的类，然后将要查找的类添加到容器中。您可以查找包含的
，并相应地编辑其消息文本


您只需使用一个通用的
警报
元素即可获得成功和错误消息

$("#send2friends_submit").on("click", function(){


              $('.share-event').attr('disabled',true);
              $('.share-event').addClass('ybtn-disabled');
                var f_mail = $.trim($('textarea#emails').val());
                var f_msg = $.trim($('textarea#emails-note').val());
                var f_eid = $('#eid').val();
                if(f_mail == '' || !validateEmail(f_mail)){
                $('.info-alert').show();
                $('#send2friends_submit').attr('disabled',false);
                $('#send2friends_submit').removeClass('ybtn-disabled');

                return ;
              }
              if(f_msg == ''){
                $('.info-alert').show();
                $('#send2friends_submit').attr('disabled',false);
                $('#send2friends_submit').removeClass('ybtn-disabled');

                return ;
              }
});

$('.info-alert')
.removeClass('alert-box-error')
.addClass('alert-box-success')
.find('p')
.text('This is a success message')