我目前正在学习jQuery.问题:我在容器中有三个组件.最初所有字体颜色都是黑色.我想根据每个div的类名更改字体颜色.
我能够改变其中两个而不能改变所有.我的代码如下:
的index.html
<!DOCTYPE html> <html> <head> </head> <body> <div class="container"> <div class="Red">old content</div> <div class="Black">old content</div> <div class="Blue">old content</div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="index.js"></script> </body> </html>
index.js
$(document).ready(function(){ $('.container div') .delay(10000) .css("color","Blue") .delay(10000) .filter(".Red") .css("color","Red") .delay(10000) .filter(".Black") .css("color","Black"); });
请指教.
解决方法
$('.container div').each(function(i,el) { setTimeout(function(){ $(this).css("color",$(this).attr('class')); },i * 1000); });
说明:
>遍历容器内的所有div>对于每个div,在1000毫秒乘以它在div组中的索引后,将颜色设置为类名
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。