each() 方法逐個li變顏色
DOM篇最后一節，怎么用each()方法逐個使每個li改變顏色？
慕粉198531
2016-10-30
3 回答
舉報
0/150
提交
取消
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>2016-12-14
?i = 0;
? ? $("button:last").click(function() {
? ? ? ? $("li").each(function(index, element) { ? ? ? ?
? ? ? ? ? ? if (index == i) {
? ? ? ? ? ? ? ? $(this).css('color','blue');
? ? ? ? ? ? }
? ? ? ? });
? ? ? ? i++;
? ? })
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); });