Question

我试图将一个类添加到元素中，但它似乎没有添加该类。

这就是我的代码：

var wrapper='<div class="float-notification"></div>';
var message="<span>" + message + "</span>";
      if(error==true){
        var close_button = '<span class="float-notification-close" style="float:right;cursor:pointer;">X</span>';
        var content = $(wrapper).append(message + close_button);
        $(this).append(content);
        //give wrapper a error class 
        $(wrapper).addClass('error');         
      }else{.....

我还尝试使用$(wrapper).append("Foo Bar")并按预期工作，那么为什么不会addClass()工作？

Answer 1

你需要将它附加到身体

var wrapper='<div class="float-notification"></div>';
$(wrapper).addClass('error').appendTo('body');

有效！

Answer 2

$(wrapper)将HTML字符串转换为DOM节点并将其包装在jQuery对象中。

.addClass('error')然后向该DOM节点添加一个类。

然后，您没有对返回值执行任何操作，并且您没有使用appendTo之类的方法来放入文档。因此，jQuery对象（及其中的DOM节点）将被丢弃。

（原始的HTML字符串永远不会被修改）。

addClass（）不添加类

2 个答案: