jquery如何判断当前元素是第几个

本篇内容主要讲解“Jquery如何判断当前元素是第几个”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何判断当前元素是第几个”吧!

jquery判断当前元素是第几个的方法：1、创建一个html示例文件；2、通过jQuery代码“$("ul li").click(function () {var index = $("ul li").index...})”进行判断即可。

本文操作环境：windows7系统、jquery3.2.1版、DELL G3电脑

jquery怎么判断当前元素是第几个？

假设有下面这样一段HTML代码：

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li>
</ul>

jQuery判断当前元素是第几个元素

如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码：

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

如上面的jQuery代码，如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。

到此，相信大家对“jquery如何判断当前元素是第几个”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！