Как проверить серийный номер элемента, который имеет определенный класс, используя jquery?

Question

<ul>
    <li class="res"></li>
    <li class="res"></li>
    <li class="res selected"></li>
    <li class="res"></li>
</ul>

Используя $ ('ul li.selected'). Length Я могу проверить общее количество "выбранных элементов" НО Я хочу проверить серийный номер " «выбранный элемент» (в этом случае 3 )
Можете ли вы помочь мне сделать это.
Спасибо

Answer 1

Вы можете использовать метод index() следующим образом:

alert('Index: ' + $('li').index('.selected'));

Answer 2

Попробуйте

$("ul li.selected").index() + 1

Поскольку .index() равно 0, вам нужно добавить 1, чтобы получить желаемый результат.

Answer 3

Что именно вы подразумеваете под серийным номером?

Содержание?

 alert (  $('ul li.selected').text() );

Индекс?

 var listItem = $('ul li.selected');
 alert('Index: ' + $('ul li').index(listItem));