gpt4 book ai didi

javascript - jQuery 将类添加到当前 li 并自动删除上一个 li

转载 作者:太空宇宙 更新时间:2023-11-03 20:13:48 25 4
gpt4 key购买 nike

下面是我的 HTML 代码,我想从第一个 li 中删除 active 类并将其添加到第二个 li 中,反之亦然每 2第二个使用 jQuery。

<li class="">
<a href="#">
<img src="client_logo01.png">
</a>
</li>

<li class="active">
<a href="#">
<img src="client_logo02.png">
</a>
</li>

我正在尝试这样做。

$('ul li a').click(function() {
$('ul li.current').removeClass('active');
$(this).closest('li').addClass('active');
});

但它只对点击事件起作用。

最佳答案

很明显它只在点击时执行,因为你只绑定(bind)了一个点击事件..

setInterval(function()
{
// Remove .active class from the active li, select next li sibling.
var next = $('ul li.active').removeClass('active').next('li');

// Did we reach the last element? Of so: select first sibling
if (!next.length) next = next.prevObject.siblings(':first');

// Add .active class to the li next in line.
next.addClass('active');
}, 2000);

在文档准备就绪时运行此脚本,脚本每 2 秒将事件类更改为下一个同级。

不管你的 ul 元素有多少个 li child ,它都会运行

jsfiddle 演示:http://jsfiddle.net/kg4huLrL/2/

关于javascript - jQuery 将类添加到当前 li 并自动删除上一个 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25545055/

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