jquery 如何自动使栏目名称自动高亮显示

jquery 如何自动修改栏目class

当每个栏目打开时，栏目名称就高亮突出显示，效果如　思路：这里会用到几个知识点，如CSS　class="active"　为高亮显示。

页面中设置js var=lanmuid值，

当menu的子元素LI序号和本页面lanmuid值相匹配时，attr 的class设置为active，激活显示

html代码如下：

<ul id="menu">

         <li><a href="http://www.seostudy.net/" class="active" title="SEO培训网首页" rel="follow index">首页</a></li>

         <li><a href="http://www.seostudy.net/kspm.html" title="SEO快速排名" rel="follow index">快速排名</a></li>

         <li><a href="http://www.seostudy.net/khal.html" title="SEO推广客户案例" class="active">客户案例</a></li>

         <li><a href="http://www.seostudy.net/seotraining/" title="SEO培训">SEO培训</a></li>

         <li><a href="http://www.seostudy.net/lxwm.html" title="SEO研究机构联系方式" rel="follow index">联系我们</a></li>          

       </ul>

每个栏目页面设置栏目ID，如下：

<script type="text/javascript">

 var lanmuid=3;

</script>

JS代码如下：

$("#menu li").each(function(){

 if ($(this).index()==lanmuid-1) {

  $(this).children("a").attr("class","active");

 }

 });