gpt4 book ai didi

jQuery如何以较小的延迟将类逐一添加到元素中?

转载 作者:行者123 更新时间:2023-12-01 06:12:23 24 4
gpt4 key购买 nike

jQuery 如何在单击 #button 时将一个类逐一添加到一个元素,并有很小的延迟?不要一次为所有元素添加类。我想一一进行。请帮忙。提前致谢。

<ul id="scroll-set">
<li class=" imVisible">Brentwood</li>
<li class="imVisible ">Antioch</li>
<li class=" imVisible">Pittsburg</li>
<li class=" imVisible">Concord</li>
<li class="imVisible ">Walnut Creek</li>
<li class=" imVisible">Danville</li>
<li class=" imVisible">San Ramon</li>

</ul>
<div id="button">

最佳答案

The working demo.

$('#button').click(function() {
$('#scroll-set li').each(function(i) {
var $li = $(this);
setTimeout(function() {
$li.addClass('imVisible');
}, i*100); // delay 100 ms
});
});

<小时/> The reverse version.

$('#button').click(function() {
$($('#scroll-set li').get().reverse()).each(function(i) {
var $li = $(this);
setTimeout(function() {
$li.addClass('imVisible');
}, i*100); // delay 100 ms
});
});

关于jQuery如何以较小的延迟将类逐一添加到元素中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12525842/

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