javascript - 通过类名获取元素位置

Question

下面是我的代码，基本上，我想获取类名为“default”的 li 的位置。

<ul id="parent_wrap">
  <li class="normal"></li>
  <li class="normal"></li>
  <li class="default"></li>
  <li class="normal"></li>
  <li class="normal"></li>
</ul>

Answer 1

您可以使用index() 如图所示:-

alert(  $(".default").index() );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="parent_wrap">
  <li class="normal"></li>
  <li class="normal"></li>
  <li class="default"></li>
  <li class="normal"></li>
  <li class="normal"></li>
</ul>

或者给li一个唯一的id，说'myli'并尝试这个:-

alert(  $("#myli").index() );