在列表中查找元素的位置

Question

我希望使用jQuery找到列表中单击元素的位置(即顺序).

我有:

<ul>
 <li>Element 1</li>
 <li>Element 2</li>
 <li>Element 3</li>
 ...
</ul>

点击一下<li>,我想在变量中存储它的位置.例如,如果我单击元素3,则"3"将存储在变量中.

怎么能实现这一目标？

非常感谢您的帮助!

Answer 1

用途index():

$("li").click(function() {
  var index = $(this).parent().children().index(this);
  alert("You clicked item " + index);
});

索引从0开始.

Answer 2

Cletus 答案的更有效版本，不需要找到父母和孩子：

$("li").on("click", function() {
  var index = $(this).index();
  alert(index);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
 <li>Element 1</li>
 <li>Element 2</li>
 <li>Element 3</li>
 <li>Element 4</li>
</ul>