慕粉198531
2016-10-30 18:22
DOM篇最后一节,怎么用each()方法逐个使每个li改变颜色?
<script type="text/javascript">
i = 0;
$("button:last").click(function() {
$("li").each(function(index, element) {
if (index == i) {
$(this).css('color','blue');
}
});
i++;
})
</script>
i = 0;
$("button:last").click(function() {
$("li").each(function(index, element) {
if (index == i) {
$(this).css('color','blue');
}
});
i++;
})
思路就是加个定时器,延时变色。比如第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);
});jQuery基础(二)—DOM篇
113997 学习 · 614 问题
相似问题