jQuery在ul中显示某个li索引号的方法


Posted in Javascript onMarch 17, 2015

本文实例讲述了jQuery在ul中显示某个li索引号的方法。分享给大家供大家参考。具体分析如下:

这段代码不仅适用于ul和li的元素索引号查找,也适用于其它带有包含关系的元素索引号查找,方法非常的巧妙

$("ul > li").click(function () {
    // https://3water.com
var index = $(this).prevAll().length;
//prevAll([expr]): 查找当前元素之前所有的同辈元素
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS 两日期相减,获得天数的小例子(兼容IE,FF)
Jul 01 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
Sep 11 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
js选项卡的实现方法
Feb 09 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
JQuery Mobile实现导航栏和页脚
Mar 09 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
基于JavaScript实现图片剪切效果
Mar 07 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 #Javascript
jQuery实现预加载图片的方法
Mar 17 #Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 #Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 #Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 #Javascript
input输入框鼠标焦点提示信息
Mar 17 #Javascript
原生JS实现LOADING效果
Mar 16 #Javascript
You might like
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
PHP 读取和修改大文件的某行内容的代码
2009/10/30 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
javascript 有用的脚本函数
2009/05/07 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
2011/08/23 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
javascript基本常用排序算法解析
2017/09/27 Javascript
微信小程序实现animation动画
2018/01/26 Javascript
vue ssr 指南详读
2018/06/29 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
javaScript把其它类型转换为Number类型
2019/10/13 Javascript
js实现简单的秒表
2020/01/16 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
Python安装与基本数据类型教程详解
2019/05/29 Python
Django组件content-type使用方法详解
2019/07/19 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
化妆师职业生涯规划书
2014/02/16 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
治庸问责心得体会
2014/09/12 职场文书