javascript - 获取基于类的索引

Question

<li>1</li>
<li class="selected">2</li>
<li>3</li>
<li>4</li>

点击li就很容易得到索引，我们可以做

$('li').click(function(){
   alert('index:' + $(this).index()); 
});

但是如果我想在其他地方触发按钮并获取所选类的索引怎么办？

Answer 1

我认为您正在寻找的是单击按钮时 li.selected 元素的索引。

在这种情况下，您可以获得 li.selected 元素的 jQuery 对象并调用 index() 方法

$('button').click(function(){
  $('pre').text($('li.selected').index())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>1</li>
  <li class="selected">2</li>
  <li>3</li>
  <li>4</li>
</ul>
<button>Get Index</button>
<pre></pre>