Get the first class from an element with jQuery

Question

How can I retrieve only the first class p7 from this HTML element?

HTML

<div id="myDIV" class="p7 nextclass class_tt">some content</div>

JavaScript

$('#myDIV').attr('class').first(); //will not work

Answer 1

$('#myDIV').attr('class').split(' ')[0];

$('#myDIV').attr('class') returns a string. split(' ') breaks into an array, using ' ' as a delimiter.

Answer 2

You can use split() to do that:

var firstClass = $('#myDIV').attr('class').split(' ')[0];