实现前 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列表
<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列表
$(this).find("li").each(function(i){
$(this).addClass("list" + (i+1));
});
});
$("ul.list").each(function(){
$(this).find("li").each(function(i){
if(i == 0)
$(this).addClass("list");
else
$(this).addClass("list" + i);
});
});
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));
}
}