Add class to a div via Jquery

Question

I have the div which is generated when page loads as below.

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

How can I add a class .example onto it via jquery like below?

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

Thank you very much!

Answer 1

Try addClass this,

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

just select element using any selector

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

demo

Answer 2

you can add class to element by using the .addClass()

syntex

.addClass( className )

className One or more class names to be added to the class attribute of each matched element.

so now this is you want

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

Answer 3

try this :

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

reference : addClass

Answer 4

You can set the class regardless of what it was by using .attr() like this,

If the html is like this,

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

then the selector will be like the following,

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

Since your div tag's class name has a space after the underscore sign(i.e. redactor_ ) the following way must be applied to select the element.(<div class="redactor_ redactor_editor"></div>)

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

Answer 5

If you are looking for adding a new css class to an element that already has a class then-

DEMO

HTML-

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

CSS-

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

jQuery-

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

If you are looking for removing the old css class and add a new class-

DEMO

jQuery-

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