html 代码:
<div id="divdiv" class="datagrid-m-slider-body innerbox"> <ul id="datagrid-m-ul" class="datagrid-m-ul"> <li title="信息管理" class="datagrid-m-text"> <a href="#">信息管理</a> </li> <li title="联系人" class="datagrid-m-text"> <a href="#">联系人</a> </li> <li title="故障信息" class="datagrid-m-text datagrid-m-active"> <a href="#">故障信息</a> </li> <li title="事件管理" class="datagrid-m-text"> <a href="#">事件管理</a> </li> </ul> </div> Jquery 代码: var uarry = $('#datagrid-m-ul li'); //获取li标签的数组 $('#divdiv').find('li').each(function() { //循环li标签 var count = $(this).index(); //获取当前li标签的下标 var result = uarry.eq(count).text();获取当前li标签的title $('li').eq(count).siblings('li').removeClass('datagrid-m-active'); // 删除当前li标签的其他兄弟元素的样式 $('li').eq(count).addClass('datagrid-m-active');//给当前li标签添加该样式 })