Question

我目前正在学习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");
    });

请建议。

Answer 1

$('.container div').each(function(i, el)
{
    setTimeout(function(){
       $(this).css("color", $(this).attr('class'));
    }, i * 1000);
});

<强>解释

遍历容器内的所有div
对于每个div，在1000毫秒后将颜色设置为类名称乘以div集合中的索引

jQuery使用.filter

1 个答案: