在jQuery中使用for循环缓存字符串
在jQuery中使用for循环缓存字符串
提问于 2012-08-30 00:35:21
我对jQuery编程比较陌生，所以请耐心听我说。
我正在尝试缓存我在js文件底部的列表，以便页面运行得更流畅。
我列出的列表如下所示：
$(document).ready(function () {
hover($('#rim-1'), 900);
hover($('#rim-2'), 800);
hover($('#rim-3'), 1000);
hover($('#rim-4'), 900);
hover($('#rim-5'), 800);
hover($('#rim-6'), 1000);
hover($('#rim-7'), 900);
hover($('#rim-8'), 800);
hover($('#rim-9'), 1000);
hover($('#rim-10'), 900);
hover($('#rim-11'), 800);
hover($('#rim-12'), 1000);
shadow($('#shadow-1'), 900);
shadow($('#shadow-2'), 800);
shadow($('#shadow-3'), 1000);
shadow($('#shadow-4'), 900);
shadow($('#shadow-5'), 800);
shadow($('#shadow-6'), 1000);
shadow($('#shadow-7'), 900);
shadow($('#shadow-8'), 800);
shadow($('#shadow-9'), 1000);
shadow($('#shadow-10'), 900);
shadow($('#shadow-11'), 800);
shadow($('#shadow-12'), 1000);
}我想要设置一个for循环，这样不仅"#rim“和"#shadow”会得到递增的数字，而且它们的速度也会递增100。
我尝试构建的内容看起来像这样：
var hover = $("#floating-rim-container").find(".floating-rim-wrapper");
for (i=0; i<6; i++) {
var speed = speed + 100;
}当然，这还远远没有完成。我只是不确定我应该如何设置这个多方面的命令。我的理论是，也许我可以使用包装器对所有不同的语句进行组合。在html中，它们看起来像：
<div id="floating-rim-container">
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-7">
</a>
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-8">
</a>
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-9">
</a>
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-10">
</a>
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-11">
</a>
<a href="#">
<img src="images/rim-middle.png" class="floating-rim-wrapper" id="rim-12">
</a>
<div id="shadow-container">
<img src="images/shadow.png" class="shadow">
<img src="images/shadow.png" class="shadow">
<img src="images/shadow.png" class="shadow">
<img src="images/shadow.png" class="shadow">
<img src="images/shadow.png" class="shadow">
<img src="images/shadow.png" class="shadow">
</div>
</div>任何帮助都将不胜感激！
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-08-30 00:39:21
尝尝这个,
var i=900;
$("#floating-rim-container").find(".floating-rim-wrapper").each(function(){
hover($(this),i);
i=i+100;
});与shadow类似
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12182565
复制相关文章
相似问题
腾讯云开发者
