How to get the second class name from element?

Question

I'm trying to find out how to retrieve the second class name of a class attribute.

For example, having:

<div class="something fooBar"></div> 

How can I get the second class named "fooBar" ?

^{I know you can add, remove, and check a specific class but I couldn't find documentation how to retrieve a second class into a variable.}

Answer 1

You can use split like this:

alert($('#divID').attr('class').split(' ')[1]); 

To get all classes, you can do this instead:

var classes = $('#divID').attr('class').split(' ');  for(var i=0; i<classes.length; i++){   alert(classes[i]); } 

More Info:

• http://www.w3schools.com/jsref/jsref_split.asp

Answer 2

// alerts "8" alert($('<div class="something 8"></div>').attr('class').split(' ')[1]);