Получить первый класс элемента

Question

Так давайте я есть div с несколькими классами, как это:

<div class="s1 s"></div> 

В JavaScript я только хочу первый класс, как

$(document.body).on('click','.s',function(){ 
    var firstClass = //only get s1 from that one whole class. 
}); 

Как я могу это сделать ?

Answer 1

Попробуйте это:

$('.s').click(function() 
{ 
    var firstClass = $(this).attr('class').split(" ")[0]; 
}); 

Answer 2

Попробуйте:

var firstClass = this.className.split(" ")[0]; 

Нет необходимости, чтобы обернуть его обратно в элемент JQuery и нести расходы на производительность.