jquery点击222的时候添加class="open",并且111去掉class="open"

<li class="open"><a >111</a></li>
<li ><a >222</a></li>
<li <a >333</a></li>
<li ><a >444</a></li>
最新回答
有杀气的萝莉

2024-05-06 04:50:37

思路:为当前点击的li添加open这个class,同时去掉其他li的open,代码:(假设li的父容器是ul)

$('ul').find('li').click(function() {
    $(this).addClass('open').siblings().removeClass('open');
});
挂名女友

2024-05-06 09:54:59

我这个是点击某一个li 加上open样式,并去掉其他li的open样式,不知道和你说的一样吗?
$("li").click(function(){
$("li").removeClass("open");

$(this).addClass("open");
})
追问
111
222
333
444

但是不知道为什么只是在刚点击222的时候加open样式 然后马上就自动跳到111去了
追答
没明白你的意思,不是点击的时候加上open样式吗?默认的是111有open样式
追问
嗯 但是我在点击222以后样式又自动回到111哪里了
追答


.open{font-size:200px;}

$(function(){

$("li").click(function(){
$("li").removeClass("open");

$(this).addClass("open");
})
});

111
222
333
444

你试试,我这样刚试了下,没问题啊,不会回到111那里的,点到几就是几的
追问
嗯 谢谢