如何使用jquery基于元素的数字位置创建一个带有数字的变量？

Question

这是一个示例代码：

<ul>
     <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
</ul>

使用Jquery，如果用户点击“第三个”li，则使用“3”

创建变量

Answer 1

获取li元素的索引：

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

JSFIDDLE

---

来自documentation：

.index()

  

.index（）返回：Number

     

描述：从匹配的元素中搜索给定元素。

Answer 2

var liNumber = 0;

$('li').click(function(){
    liNumber = $(this).index() + 1;
})