微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – .filter的jQuery用法

我目前正在学习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 举报,一经查实,本站将立刻删除。

相关推荐