I need to get the second class from an element which has two different classes, so i try the split method but something is wrong, can u help me?

js_kp_main_list.find('li#kp_r_04').addClass('class_01 class_02');
setTimeout(function(){
    var class_two = js_kp_main_list.attr("class").split(' ')[2];
    console.log(class_two);
},20);

I need to get the second class from an element which has two different classes, so i try the split method but something is wrong, can u help me?

js_kp_main_list.find('li#kp_r_04').addClass('class_01 class_02');
setTimeout(function(){
    var class_two = js_kp_main_list.attr("class").split(' ')[2];
    console.log(class_two);
},20);

• javascript
• jquery
• class
• attr

Share Improve this question Follow edited Feb 8, 2013 at 0:48 AMIC MING 6,35466 gold badges4949 silver badges6363 bronze badges asked Feb 8, 2013 at 0:41 LukasLukas 7,7642020 gold badges7979 silver badges127127 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

You can use className native JS:

js_kp_main_list[0].className.split(' ')[1]; // holds second class

---

EDIT: Another contrived example http://jsfiddle/KqXmN/

HTML

<div id="mydiv" class="class1 class2"></div>

JS

var $mydiv = $('#mydiv');

//logs "class2"
console.log($mydiv[0].className.split(' ')[1]);

Indexes start at 0 in JavaScript and you need to use the className attribute:

HTML

<div id="test" class="foo bar"></div>

JavaScript

var elem = document.getElementById('test');

var classes = elem.className.split(' ');
console.log(classes);

var firstClass = classes[0];
var secondClass = classes[1];
// ...

JSFiddle

http://jsfiddle/9Nu9G/