how convert classes of element to an array?

Question

i have a <div> like this.

<div id="div" class="a b _c d _e f"></div>

how can convert classes of <div> to a javaScript array?

var cls = $('#div').attr('class');
cls = $(cls).match(/_\S+/g).join(" "); //separate classes are begin with underScore.
cls = $(cls).toArray();

but this doesn't work.

$(cls).match is wrong because .match() is defined for String type, so it should be cls = cls.match(/_\S+/g) — Arun P Johny
– Arun P Johny, Commented Jul 22, 2013 at 8:04
@Arun P Johny i want when other <div> has classes that begin with underScore, A condition run. — naziiii
– naziiii, Commented Jul 22, 2013 at 8:06
console.log(cls.replace(/_/gi,'').split(' ')); or use just split() to have array. — Alex Ball
– Alex Ball, Commented Jul 22, 2013 at 8:08

Radosław Miernik · Accepted Answer · 2013-07-22 08:08:06Z

3

var classes = $("#div").attr("class").split(" ");

answered Jul 22, 2013 at 8:08

Radosław Miernik

4,0948 gold badges36 silver badges39 bronze badges

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

3 Comments

mercsen Over a year ago

damn you! :D easiest and obviously solution. After that you simply can iterate over the array and exlucde all classes without the underscore

naziiii Over a year ago

Is this code correct? : var classes = $("#div").attr('class').match(/_\S+/g).split(' ')

Radosław Miernik Over a year ago

No, becouse "".match() returns array. You can't split array.

frogatto · Accepted Answer · 2013-07-22 08:08:37Z

2

Use split() function:

var array;
array = $('#div').attr('class').split(' ');

answered Jul 22, 2013 at 8:08

frogatto

29.4k13 gold badges90 silver badges137 bronze badges

Comments

Akhil Sekharan · Accepted Answer · 2013-07-22 08:10:41Z

1

You can easily do it in plain js:

document.getElementById('div').classList;

will give you the list of classes

answered Jul 22, 2013 at 8:10

Akhil Sekharan

12.7k8 gold badges43 silver badges58 bronze badges

Comments

Sandipan Bhattacharjee · Accepted Answer · 2013-07-22 08:25:08Z

0

if($('#div').hasClass('old_class')){

$('#div').removeClass('old_class').addClass('new_Class');

}else{

$('#div').removeClass('new_class').addClass('old_Class');

}

answered Jul 22, 2013 at 8:25

Sandipan Bhattacharjee

454 bronze badges

Collectives™ on Stack Overflow

how convert classes of element to an array?

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related