js教程_jquery怎么判断当前元素是第几个

 所属分类:web前端开发

 浏览:139次-  评论: 0次-  更新时间:2022-06-15
描述:更多教程资料进入js教程获得。 jquery判断当前元素是第几个的方法:1、创建一个HTML示例文件;2、通过jQuery代码“$("ul li").click(funct...
更多教程资料进入js教程获得。

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视频教程》

以上就是jquery怎么判断当前元素是第几个的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!