当前位置 : 主页 > 网络编程 > JavaScript >

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

来源:互联网 收集:自由互联 发布时间:2023-08-02
jquery判断当前元素是第几个的方法:1、创建一个HTML示例文件;2、通过jQuery代码“$(ul li).click(function () {var index = $(ul li).index...})”进行判断即可。 本文操作环境:windows7系统、jquery3.2.

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

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

本文操作环境: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视频教程》

网友评论