gpt4 book ai didi

javascript - .filter 的 jQuery 用法

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:30:44 25 4
gpt4 key购买 nike

我目前正在学习 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>

索引.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);
});

解释:

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

关于javascript - .filter 的 jQuery 用法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30640931/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com