jQuery实现的简单获取索引功能示例

本文实例讲述了框架实现的简单获取索引功能。分享给大家供大家参考，具体如下：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' meta name=' Generator ' content=' EditPlus ' meta name=' Author ' content=' meta name=' Keywords ' content=' meta name=' Description ' content=' titlewww.jb51.net获取当前点击的元素在原来集合中的索引/title style type=' text/CSS ' Li { height : 25px；线高： 25pxbackground: rgba(0，0，0，0.5)；边框-底部： 1px纯红；} a { text-decoration : nonefont-size : 16px}/样式/头体div ul阿利href=' JavaScript : void(0)；rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部no follow ' div class=' index ' 0/div/a/Li阿利href=' JavaScript : void(0)；rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部no follow ' div class=' index ' 1/div/a/Li阿利href=' JavaScript : void(0)；rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部no follow ' div class=' index ' 2/div/a/Li阿利href=' JavaScript : void(0)；rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部no follow ' div class=' index ' 3/div/a/Li阿利href=' JavaScript : void(0)；rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' rel='外部nofollow ' div class=' index ' 4/div/a/Li/ul/div脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js /脚本类型=' text/JavaScript ' $(function(){ $().索引')。on('click '，function(){ var $ target=$(this)；console.log($(').索引')。指数($ target))；});});/脚本/正文/html使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试运行结果如下：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery操作DOM节点方法总结》 、 《jquery常用操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery操作json数据技巧汇总》 、 《jQuery操作xml技巧总结》 及《jQuery扩展技巧总结》

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