jquery中获取元素索引值的方法为:如:警报($ (“# btn li") .index(这);
这个意思是说:
实例:
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml "比;
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title> jquery获取索引值& lt;/title>
& lt;风格类型=" text/css "比;
*{保证金:0;填充:0;}
ul,李{list-style:没有;}
#包装{宽度:980 px;身高:500 px;溢出:隐藏;保证金:0汽车;}
ul{宽度:200 px;身高:500 px;浮:左;}
ul李{宽度:200 px;身高:100 px;行高:100 px;text-align:中心;字体大小:16 px;光标:指针;}
#用div{宽度:700 px;身高:500 px;浮:权利;}
# btn0, .box0{背景:# 933;}
# btn1, .box1{背景:# 09年f;}
#这里,.box2{背景:# 93 f;}
# btn3, .box3{背景:# F66;}
# btn4, .box4{背景:# 3 c0;}
.box2、.box3 .box1, .box4{显示:没有;}
# btn0.current, # btn1.current、# btn2.current # btn3.current, # btn4。当前{边界:1 px固体# 000;}
& lt;/style>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.7.2.min.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
$(函数(){
$ (" # btn李”).click(函数(){
(美元).addClass(“当前”).siblings () .removeClass(“当前”);
var n=$(李# btn) .index(这个);
$ (" .box " + n),告诉().siblings (" div ") hide ();
})
})
& lt;/script>
& lt;/head>
& lt; body>
祝辞& lt; div id=" wrap ";
& lt; h3>点击相应的按钮出现相对应颜色的盒子& lt;/h3>
& lt; ul id=癰tn”比;
李& lt; id=癰tn0”class=暗鼻啊痹? & lt;/li>
李& lt; id=" btn1 "祝辞1 & lt;/li>
李& lt; id="这里"祝辞2 & lt;/li>
李& lt; id=" btn3 "在3 & lt;/li>
李& lt; id=" btn4 "祝辞4 & lt;/li>
& lt;/ul>
& lt; div类=" box0 "祝辞第一个盒子& lt;/div>
& lt; div类=" box1 "祝辞第二个盒子& lt;/div>
& lt; div类=" box2 "祝辞第三个盒子& lt;/div>
& lt; div类=" box3 "祝辞第四个盒子& lt;/div>
& lt; div类=" box4 "祝辞第五个盒子& lt;/div>
& lt;/div>
& lt;/body>
& lt;/html>
