Get the active class index from list using JavaScript

subir biswas :

I want to get the active class index using JavaScript. i done it with jQuery but i need it with JavaScript.

I done it with jQuery like this.

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

i want same with javascipt

Maheer Ali :

You can use querySelectorAll() to select all the required elements. Then convert it to array using javascript and then use indexOf() on that.

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>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=301645&siteId=1
Recommended