JavaScriptを使用して、リストからアクティブなクラスインデックスを取得します。

subirビスワス：

私はJavaScriptを使用して、アクティブクラスインデックスを取得したいです。私はjQueryを使ってそれを行ったが、私はJavaScriptでそれを必要とします。

私はこのようにjQueryを使ってそれを行って。

<li class="list"> .... </li>
<li class="list"> .... </li>
<li class="list"> .... </li>
<li class="list active"> .... </li>
<li class="list"> .... </li>

<script>
$('li.active').index()
</script>

私はjavasciptと同じたい

Maheerアリ：

あなたは使用することができquerySelectorAll()、必要なすべての要素を選択します。その後、JavaScriptを使用して配列に変換してから使用しindexOf()ている上。

const list = [...document.querySelectorAll('.list')];
const active = document.querySelector('.list.active');
console.log(list.indexOf(active))

<li class="list"> .... </li>
<li class="list"> .... </li>
<li class="list"> .... </li>
<li class="list active"> .... </li>
<li class="list"> .... </li>