jquery - 如何使用 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

---

从文档：

.index()

.index() 返回：数字

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

Answer 2

var liNumber = 0;

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