javascript - 使用JavaScript从列表中获取事件的类索引

Question

我想使用JavaScript获取 Activity 类索引。我用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相同

Answer 1

您可以使用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>