js和jquery取值问题

Question

<li class="active"></li>
<li class="start open active"></li>

$(".active")两个li都取到了
怎么用js或者jquery取第一个li 而不是两个li都取到

修改一下问题： 这两个标签也有可能是这样放的

<li class="start open active"></li>
<li class="active"></li>

所以现在是不知道这两个标签放的顺序该如何取？

Answer 1

jquery比较容易一些 $('.active:first')或者$('.active').eq(0)

js要遍历所有的li，找出class有active样式的，之后取第一个。这是兼容写法。

也可以用getElementsByClassName()取。第一个就是数组[0]

Answer 2

jQuery

$('.active').eq(0)

关于eq: https://api.jquery.com/eq/

原生

document.querySelectorAll('.active')[0]