按eq()给不同的LI 添加不同的CLASS

jQuery(document).ready(function(){
  var menuitem = jQuery(".menu > li");
  var menulength = menuitem.length;
  for( i = 0 ; i< menulength; i++ ){
    menuitem.eq(i).children().addClass("menu" + i);
  }
});

HTML:

<ul class="menu">

  <li><a href="">1</a></li>

  <li>

    <a href="">2</a>

    <ul class="menu">

      <li><a href="">2.1</a></li>

      <li><a href="">2.1</a></li>

    </ul>

  </li>

</ul>

 

最后的生成为:

<ul class="menu">

  <li><a href="" class="menu1">1</a></li>

  <li>

    <a href="" class="menu2">2</a>

    <ul class="menu">

      <li><a href="">2.1</a></li>

      <li><a href="">2.1</a></li>

    </ul>

  </li>

</ul>

posted @ 2013-08-21 16:48  wjq09  阅读(283)  评论(0编辑  收藏  举报