Select one of many class names

Question

I need to get the name of the second class from an element like this:

<div class="item getthisclass"></div>

Using this will pick both classes:

var selectedClass = $(this).attr('class');

or this does not select anything.

$(this).not('.item').attr('class');

How can I do this?

`this.className.split(' ')[1]` – Arun P Johny Dec 20 '13 at 04:16 — Arun P Johny, Dec 20 '13 at 04:16

Bill Criswell · Accepted Answer · 2013-12-20T04:16:03.997

3

You can use .split().

// Create an array of class names...
var classes = $(this).attr('class').split(/\s+/);

// Now you can grab the by index...
var firstClass = classes[0]
var secondClass = classes[1];
var thirdClass = classes[2];

edited Dec 20 '13 at 04:16

answered Dec 20 '13 at 04:10

Bill Criswell

32,161
7
75
66

1

Brilliant! Thanks. Will accept the answer as soon as I can in 10 min. – santa Dec 20 '13 at 04:12
I've updated it to deal with possible extra spaces in your class attribute and a clearer example. – Bill Criswell Dec 20 '13 at 04:17

tewathia · Answer 2 · 2013-12-20T07:10:47.517

0

I often use the classList object(it can also be used to add, remove or toggle classes). I find it more useful than the jQuery attr('class') way. Try:

this.classList

Reference

edited Dec 20 '13 at 07:10

answered Dec 20 '13 at 04:19

tewathia

6,890
3
22
27

Damn, seems useful. Stinks it's only supported in IE10+. – Bill Criswell Dec 20 '13 at 04:21

Select one of many class names

2 Answers2