Javascript получить текущий номер класса

Question

У меня есть список, как это:

<ul> 
<li>zero</li> 
<li>one</li> 
<li class="current">two</li> 
<li>three</li> 
<li>four</li> 
</ul> 

Как я могу получить номер текущего класса? (как 2).

Answer 1

Его очень просто:

Просто используйте .html(), .index(), .text() с помощью селектора

Как это Fiddle:

http://jsfiddle.net/PzWxs/5/

Вот код:

var currentClassValue = $('li.current').html(); 
     alert(currentClassValue); 

ИЛИ

var currentClassValue = $('li.current').index(); 
     alert(currentClassValue); 

ИЛИ

var currentClassValue = $('li.current').text(); 
     alert(currentClassValue); 

Используйте любую из выше вам нравится :)

Answer 2

$("ul li.current").text();// show two 

$('ul li.current').index(); //show index 2 

ссылка text и index

Answer 3

Если вы используете JQuery затем использовать .index(), которая возвращает позицию элемента, начиная с нулевого

$('li.current').index()