javascript - 更改 css 样式并使用 jQuery 附加文本

Question

我正在尝试获取单击按钮的 ID，在这种情况下，我想更改更改/添加特定 div 的类。

代码如下:

$("input").click(function (e) {
    var idClicked = e.target.id;
    switch (idClicked) {
        case 'regiesterButton':
            $('regiesterAlert').css('class', 'alert alert-danger');
            $('regiesterAlert').append('<b>Error</b> Blabla')
            break;
        case 'loginButton':
            break;
        case 'loginButton':
            break;
    }
});

编辑:进入case后出现异常:

if(!jQuery)throw new Error("Bootstrap requires jQuery");+function(a).....

代码有什么问题？

Answer 1

对于类，您应该使用 . 并且对于 id #

$('.regiesterAlert').css('class', 'alert alert-danger');
   ^
   |
$('.regiesterAlert').append('<b>Error</b> Blabla')
   ^
   |

您还应该使用 .addClass 而不是 .css('class')，并且您可以使用一次而不是两次使用相同的选择器

$('.regiesterAlert')
  .addClass('alert alert-danger')
  .append('<b>Error</b> Blabla')