+ -
当前位置:首页 → 问答吧 → juery打造有序列表的问题

juery打造有序列表的问题

时间:2009-07-15

来源:互联网

新手,求助大家一个问题:
今天看了一个用juery打造有序列表的例子,以下为js代码,他的作用为页面中列表的  class="step"  的 每个 li 加上了一个class=“item1”、class=“item2”。。。。,以使我们可以为每个li定义不同的样式,实现排行榜的功能。

套用了一下,没有问题。但是如果一个页面有两个以上的符合class="step" 的情况下,那么第二个列表的li 加的  class 会接着第一个列表的编号往下走,而不是从 item1开始,怎样才能 让它再初始化为item1呢?  不知我说明白了没有  谢谢!

复制代码
  1. <script type=“text/javascript”>
  2. $(document).ready(function(){
  3.   
  4.     $(“.step li”).each(function (i) {
  5.         i = i+1;
  6.         $(this).addClass(“item”+i);
  7.    });
  8. </script>
[ 此帖被webh在2009-07-15 14:42重新编辑 ]

作者: webh   发布时间: 2009-07-15

用2个each就行了,大概这样:

$('.step').each(function(){
  $(this).find('li').each(function (i) {
        $(this).addClass(“item”+i+1);
   });
});

作者: keakon   发布时间: 2009-07-15

引用
引用第1楼keakon于2009-07-15 13:22发表的  :
用2个each就行了,大概这样:

$('.step').each(function(){
  $(this).find('li').each(function (i) {
        $(this).addClass(“item”+i+1);
.......


学习了,非常感谢!先循环找到每个.step,然后再循环找到其内部的每个li,恩。今天学会一个jquery的新语法

作者: webh   发布时间: 2009-07-15

相关阅读 更多