前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery判断当前元素是第几个元素&获取第N个元素

jQuery判断当前元素是第几个元素&获取第N个元素

作者头像
仙士可
发布2019-12-19 14:00:45
3.1K0
发布2019-12-19 14:00:45
举报
文章被收录于专栏:仙士可博客仙士可博客

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

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

代码语言:javascript
复制
$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

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

jQuery 获取第N个元素

同理,如果我们要获取第二li标签元素,可以使用下面的代码

代码语言:javascript
复制
var element=$("ul li").eq(1);
alert($(element).html());

注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。

以上就是jQuery判断当前元素是第几个元素和jQuery获取第N个元素的示例方法

本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-04-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • jQuery判断当前元素是第几个元素
  • jQuery 获取第N个元素
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档