jquery - 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

試す

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

は 0 ベースなので.index()、目的の結果を得るには 1 を追加する必要があります。

Answer 2

シリアルナンバーとは具体的に何を指しますか？

コンテンツ？

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

インデックス？

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

Answer 3

index()次のような方法を使用できます。

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