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