jQuery - if two classes - get the first one

Question

Example:

Here we have <p class="tab1 current"></p>

How can I get only the first class?

var GetFirstClass = $('p').attr('class').filter(':first'); ??

Any help much appreciated.

score 13 · Accepted Answer · answered Jul 05 '11 at 14:39

13

Use JavaScript's split function:

$('p').attr('class').split(' ')[0]

answered Jul 05 '11 at 14:39

Town

@Pete: To be fair, @chrisdpratt said it first. Damn you, unintelligible Captcha! :) – Town Jul 05 '11 at 14:43
this wont work if there are no classes, might want to store p.attr('class') and check it before – Tom Fobear Aug 15 '11 at 20:09

score 6 · Answer 2 · answered Jul 05 '11 at 14:38

6

$('p').attr('class').split(' ')[0]

answered Jul 05 '11 at 14:38

Chris Pratt

+1 for getting the same answer as me just before me, but missing out on the accepted answer! – Town Jul 05 '11 at 17:18

score 2 · Answer 3 · answered Jul 05 '11 at 14:38

2

You can split the string based on the space.

answered Jul 05 '11 at 14:38

Daniel A. White

score 0 · Answer 4 · answered Jul 05 '11 at 14:38

0

$('<div class="a b"/>').attr('class').split(' ')[0]

answered Jul 05 '11 at 14:38

a'r

4 Answers4