each() 方法逐个li变颜色

来源:6-10 jQuery遍历之each()

慕粉198531

2016-10-30 18:22

DOM篇最后一节,怎么用each()方法逐个使每个li改变颜色?

写回答 关注

3回答

  • qq_幸福客_0
    2016-12-14 22:21:11
        <script type="text/javascript">
        i = 0;
        $("button:last").click(function() {
            $("li").each(function(index, element) {        
                if (index == i) {
                    $(this).css('color','blue');
                }
            });
            i++;
        })
        </script>


  • qq_幸福客_0
    2016-12-14 22:20:18

     i = 0;

        $("button:last").click(function() {

            $("li").each(function(index, element) {        

                if (index == i) {

                    $(this).css('color','blue');

                }

            });

            i++;

        })


  • ifool
    2016-10-30 21:10:28

    思路就是加个定时器,延时变色。比如第1个li过200毫秒变成红色,第2个li过400毫秒再变成红色...

    var interval = 0;
    $("li").each(function(index, element) {
        var $el = $(this);
        setTimeout(function() {
            $el.css('color','red');
        }, interval += 200);
    });


    慕粉1985...

    哦,不好意思,我问的意思是点击按钮一下,内容中一行文字变色,再点,下一行文字变色。

    2016-11-01 14:18:06

    共 1 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题