                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

each() 方法逐个li变颜色

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

慕粉198531

2016-10-30

源自：jQuery基础(二)—DOM篇 6-10

关注问题我要回答

1043

操作

收起

3 回答

qq_幸福客_0
2016-12-14

    <script type="text/javascript">
    i = 0;
    $("button:last").click(function() {
        $("li").each(function(index, element) {        
            if (index == i) {
                $(this).css('color','blue');
            }
        });
        i++;
    })
    </script>

0 回复有任何疑惑可以回复我~

收起回答

qq_幸福客_0
2016-12-14

i = 0;

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

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

if (index == i) {

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

}

});

i++;

})

0 回复有任何疑惑可以回复我~

收起回答

ifool
2016-10-30

思路就是加个定时器，延时变色。比如第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);
});

0 回复有任何疑惑可以回复我~

收起回答

慕粉198531 提问者

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

2016-11-01 回复有任何疑惑可以回复我~