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组中的索引后,将颜色设置为类名

javascript – .filter的jQuery用法

解决方法

相关文章