each() 方法逐個(gè)li變顏色
DOM篇最后一節(jié)，怎么用each()方法逐個(gè)使每個(gè)li改變顏色？
慕粉198531
2016-10-30
3 回答
舉報(bào)
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
思路就是加個(gè)定時(shí)器，延時(shí)變色。比如第1個(gè)li過(guò)200毫秒變成紅色，第2個(gè)li過(guò)400毫秒再變成紅色...
var?interval?=?0; $("li").each(function(index,?element)?{ ????var?$el?=?$(this); ????setTimeout(function()?{ ????????$el.css('color','red'); ????},?interval?+=?200); });