$(function(){ var $div_li =$("#tab-tt ul li"); $div_li.click(function(){ $(this).addClass("active2") //当前<li>元素高亮 .siblings().removeClass("active2"); //去掉其它同辈<li>元素的高亮 var index = $div_li.index(this); // 获取当前点击的<li>元素 在 全部li元素中的索引。 })})页面代码如下:
<div class="orderChooseNav fn-clear mb10" id="tab-tt"> <ul> <li id="01" <li id="02" <li id="03" <li id="04" <li id="05" <li id="06" class="active2"><a href="#">全部</a> </li> </ul></div>