我目前正在学习 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);
});
解释:
- 遍历容器内的所有div
- 对于每个 div，将颜色设置为 1000 毫秒后的类名乘以它在 div 集合中的索引
关于javascript - .filter 的 jQuery 用法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30640931/