通过Jquery将类添加到div

Question

我有页面加载时生成的div。如下所示。

<div class="redactor_ redactor_editor"></div>

如何通过jquery在下面添加类.example？

<div class="redactor_ redactor_editor example"></div>

非常感谢！

Answer 1

尝试addClass这个，

$('.redactor_').addClass('example');

只需使用任何选择器选择元素

$(selector).addClass('example');

demo

Answer 2

您可以使用.addClass()

将元素添加到元素中

了Syntex

.addClass( className )

  

className 要添加到每个匹配元素的class属性的一个或多个类名。

所以现在这就是你想要的

$('.redactor_ redactor_editor').addClass('example');

Answer 3

您可以使用.attr()这样设置类，无论它是什么，

如果html是这样的话，

<div class="redactor_ redactor_editor"></div>

然后选择器将如下所示，

$(document).ready(function() {
 $('.redactor_redactor_editor').attr('class', 'redactor_redactor_editor example');
});

由于div标签的类名在下划线符号后面有一个空格（即redactor_），因此必须采用以下方法来选择元素。（<div class="redactor_ redactor_editor"></div>）

$(document).ready(function() {
   $("div[class='redactor_ redactor_editor']").attr('class', 'redactor_ redactor_editor example');
});

Answer 4

试试这个：

<pre>
 $(window).load(function () { 
   $('.redactor_ redactor_editor').addClass('example');
 });
</pre>

参考： addClass

Answer 5

如果您正在寻找将新的css类添加到已经有类的元素 -

DEMO

HTML -

<div class="one">example</div>​

CSS -

.one{color:red;}
.two{color:green}​

的jQuery -

$(function(){
 $('.one').addClass('two');
});​

如果您正在寻找删除旧的css类并添加新类 -

DEMO

的jQuery -

$(function() {
    $('.one').removeClass('one').addClass('two');
});​