each() 方法逐个li变颜色

源自：6-10 jQuery遍历之each()

each() 方法逐个li变颜色

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

提问者：慕粉198531 2016-10-30 18:22

个回答

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++;
})

0

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);
});