javascript - 通过 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');

演示

Answer 2

您可以使用 .addClass()

合成纤维

.addClass( className )

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

所以现在这就是你想要的

$('.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

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

演示

HTML-

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

CSS-

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

jQuery-

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

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

演示

jQuery-

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

Answer 5

尝试这个 ：

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

参考： addClass