jQuery实现获取元素索引值指数的方法

本文实例讲述了jQuery实现获取元素索引值指数的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery获取索引值/title style type=' text/CSS ' * { margin :0；划水：0;} ul、李{列表式：无；} # wrap { width:980px高度：500 px飞越：隐藏；margin :0 auto } ul { width :200 px高度：500 pxfloat : left } ul Li { width :200 px高度：100 px线高：100 px文本对齐：居中；font-size :16 px光标：指针指针；} # wrap div { width:700px高度：500 px右浮动：} #btn0，box0 { background: # 933} #btn1，box1 { background: # 09F} #btn2，box2 { background: # 93F} #btn3，box3 { background: # F66} #btn4，box4 { background: # 3C0}。方框2。方框3。方框1。框4 {显示：无；} #btn0.current，#btn1.current，#btn2.current，#btn3.current，# BTN 4。当前{边框：1 px实心# 000；}/style脚本类型=' text/JavaScript ' src=' http : jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # BTN李')).单击(function(){ $(this)).addClass('current ').兄弟姐妹()。removeClass(“”当前');var n=$('#btn li ').索引（这个);$('.方框n ).显示()。兄弟姐妹(' div ').hide()；})})/脚本/流浆池div id='wrap' h2点击相应的按钮出现相对应颜色的盒子/H2 ul id=' BTN ' Li id=' BTN 0 ' class='当前' 0/Li Li id=' BTN 1 ' 1/Li Li id=' BTN 2 ' 2/Li Li id=' BTN 3 ' 3/Li Li id=' BTN 4 ' 4/Li/ul div class='框0 '第一个盒子/div div class='box1 '第二个盒子/div div class='box2 '第三个盒子/div div class='box3 '第四个盒子/div div class='box4 '第五个盒子/div /div/body/html运行效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery页面元素操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

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