实现前 html 代码:
<ul class="list">
<li>JP</li>
<li>1-7</li>
<li>Pants</li>
</ul>
<ul class="list">
<li>JP</li>
<li>1-7</li>
<li>Pants</li>
<li>Any</li>
<li>IT</li>
</ul>
<ul class="list">
<li>JP</li>
<li>1-7</li>
<li>Pants</li>
<li>Any</li>
</ul>
......此处省略n个 ul列表实现后 html 代码:
<ul class="list">
<li class="list1">JP</li>
<li class="list2">1-7</li>
<l class="list3">Pants</li>
</ul>
<ul class="list">
<li class="list1">JP</li>
<li class="list2">1-7</li>
<li class="list3">Pants</li>
<li class="list4">Any</li>
<li class="list5">IT</li>
</ul>
<ul class="list">
<li class="list1">JP</li>
<li class="list2">1-7</li>
<li class="list3">Pants</li>
<li class="list4">Any</li>
</ul>
......此处省略n个 ul列表

解决方案 »

  1.   

    $("ul.list").each(function(){
            $(this).find("li").each(function(i){
                $(this).addClass("list" + (i+1));
            });
        });
      

  2.   


       $("ul.list").each(function(){
         $(this).find("li").each(function(i){
           if(i == 0)
             $(this).addClass("list");
           else
             $(this).addClass("list" + i);
        });
      });
      

  3.   


       var list = $(".list")
       for(var idx in list){
           var items = list[idx].children("li");
           for(var i in items){
              items[i].addClass("list"+(i+1)); 
           }
       }