按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>

转载于:https://www.cnblogs.com/wjqocean/p/3273015.html