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!

Sorry but I think you need to take a basic tutorial about jQuery. — Eli
– Eli, Commented Dec 19, 2012 at 6:10
You haven't accepted any answer yet. Are you looking for replacing the previous class with a new class? — Shiridish
– Shiridish, Commented Dec 19, 2012 at 6:53
I'll try to create a working copy of my code on jsfiddle.net for everyone to see what is going on in my code... — guitarPH
– guitarPH, Commented Dec 19, 2012 at 16:40
Here is a copy of my working code. jsfiddle.net/bYSs3/4 The purpose of my question is to change the vertical scrollbar by adding a class .example that I believe to be added on the div with class .redactor_ redactor_editor — guitarPH
– guitarPH, Commented Dec 19, 2012 at 17:16

Gowri · Accepted Answer · 2012-12-19 06:47:46Z

4

Try addClass this,

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

just select element using any selector

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

demo

edited Dec 19, 2012 at 6:47

answered Dec 19, 2012 at 6:10

Gowri

16.9k27 gold badges103 silver badges162 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Winter Bash · Accepted Answer · 2012-12-19 06:12:23Z

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');

answered Dec 19, 2012 at 6:12

Winter Bash

4031 gold badge4 silver badges9 bronze badges

1 Comment

Swarne27 Over a year ago

does it work with the space in the class name after the first underscore sign? (redactor_ redactor_editor)

Surinder ツ · Accepted Answer · 2012-12-19 06:16:25Z

0

try this :

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

reference : addClass

answered Dec 19, 2012 at 6:16

Surinder ツ

1,7883 gold badges17 silver badges27 bronze badges

Comments

Swarne27 · Accepted Answer · 2012-12-19 06:37:18Z

0

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');
});

edited Dec 19, 2012 at 6:37

answered Dec 19, 2012 at 6:14

Swarne27

5,8077 gold badges28 silver badges42 bronze badges

Comments

Shiridish · Accepted Answer · 2012-12-19 07:07:48Z

0

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');
});

answered Dec 19, 2012 at 7:07

Shiridish

4,9625 gold badges37 silver badges64 bronze badges

Collectives™ on Stack Overflow

Add class to a div via Jquery

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related