每件事只要每 500 毫秒就会向行中的下一个 blockWrap 元素添加一个类。
但我想要它做的是从最后一个“blockWrap”元素开始,添加类,然后向上工作。我怎样才能实现这个目标?
这是我的 HTML:
<div class="blockWrap">
<div class="blockImg">
<img src="img/download.jpg">
</div>
</div>
<div class="blockWrap">
<div class="blockImg">
<img src="img/download.jpg">
</div>
</div>
<div class="blockWrap">
<div class="blockImg">
<img src="img/download.jpg">
</div>
</div>
这是我的 jQuery 循环:
$(document).ready(function(){
$(function () {
var block = $('.blockWrap');
(function _loop(wrap) {
block.eq(wrap).addClass('slideIn');
setTimeout(function () {
_loop((wrap + 1) % block.length);
}, 500);
}(0));
});
});
感谢您的帮助。
最佳答案
使用下面的代码。传递 block.length
作为参数并扣除值 -1 。它将从下到上添加类
$(function () {
var block = $('.blockWrap');
(function _loop(wrap) {
block.eq(wrap).addClass('slideIn');
setTimeout(function () {
_loop((wrap - 1) % block.length);
}, 500);
}(block.length));
});
关于javascript - jQuery addClass 从最后一个子级开始循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29633712/