Get first and last class with jQuery

Question

Might be a newbie question. I have a code line like this:

<div class="template active">

I need to get each class for itself.

I tried this code:

$(this).attr("class");

From that code I get "template active". What I need is one string with "template" and another with "active".

What is the best jQuery function for that? Example?

Answer 1

var classes = $(this).attr("class").split(/\s/);

classes[0] === 'template'
classes[1] === 'active'

If there are more than two classnames and you only want to get the first & last (that was your question) you can call:

classes[0] = first class
classes[classes.length -1] = last class