Javascript 将活动类添加到导航链接,某些li除外
我有Javascript 将活动类添加到导航链接,某些li除外,javascript,jquery,css,Javascript,Jquery,Css,我有ul.菜单,其中少数li的样式不同,因此那些li不需要添加活动类 <ul class="menu"> <li id="1st" class="default"><a href="#">Text1</a></li> <li id="2nd" class="default"><a href="#">Text2</a></li> <li class="cross-ou
ul.菜单
,其中少数li
的样式不同,因此那些li
不需要添加活动类
<ul class="menu">
<li id="1st" class="default"><a href="#">Text1</a></li>
<li id="2nd" class="default"><a href="#">Text2</a></li>
<li class="cross-out"><a href="#">Text3</a></li>
</ul>
怎么了?希望我足够清楚…您在划掉之前忘记了类标识符:
$('ul.menu li').click(function(){
$('ul.menu li').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
您在划掉之前忘记了类标识符:
$('ul.menu li').click(function(){
$('ul.menu li').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
您在划掉之前忘记了类标识符:
$('ul.menu li').click(function(){
$('ul.menu li').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
您在划掉之前忘记了类标识符:
$('ul.menu li').click(function(){
$('ul.menu li').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
Jquery有一个切换类函数
$("#td_id").toggleClass('default active');
相关帖子Jquery有一个切换类函数
$("#td_id").toggleClass('default active');
相关帖子Jquery有一个切换类函数
$("#td_id").toggleClass('default active');
相关帖子Jquery有一个切换类函数
$("#td_id").toggleClass('default active');
相关帖子这段时间起了很大的作用。然后,因为您的页面上可能有多个其他
ul.菜单
元素,您只需要单击其li
的元素即可更改:
$('ul.menu li').click(function(){
$(this).siblings('li.active').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
$('ul.menu li')。单击(函数(){
$(this.sibbins('li.active').removeClass('active');
$(this).not('.cross out').addClass('active');
});代码>
.active{
背景颜色:灰色;
字体大小:粗体;
}
句点决定一切。然后,因为您的页面上可能有多个其他ul.菜单
元素,您只需要单击其li
的元素即可更改:
$('ul.menu li').click(function(){
$(this).siblings('li.active').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
$('ul.menu li')。单击(函数(){
$(this.sibbins('li.active').removeClass('active');
$(this).not('.cross out').addClass('active');
});代码>
.active{
背景颜色:灰色;
字体大小:粗体;
}
句点决定一切。然后,因为您的页面上可能有多个其他ul.菜单
元素,您只需要单击其li
的元素即可更改:
$('ul.menu li').click(function(){
$(this).siblings('li.active').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
$('ul.menu li')。单击(函数(){
$(this.sibbins('li.active').removeClass('active');
$(this).not('.cross out').addClass('active');
});代码>
.active{
背景颜色:灰色;
字体大小:粗体;
}
句点决定一切。然后,因为您的页面上可能有多个其他ul.菜单
元素,您只需要单击其li
的元素即可更改:
$('ul.menu li').click(function(){
$(this).siblings('li.active').removeClass('active');
$(this).not('.cross-out').addClass('active');
});
$('ul.menu li')。单击(函数(){
$(this.sibbins('li.active').removeClass('active');
$(this).not('.cross out').addClass('active');
});代码>
.active{
背景颜色:灰色;
字体大小:粗体;
}
。不是('.cross out')
一个会向你展示这个的人……哦,天哪F@ASD@对不起打扰了。这里没有什么有意义的东西可以看…最好使用$(this).兄弟姐妹('li.active').removeClass('active')
而不是$('ul.menu li')。removeClass('active')
?PeterKA,你说得对,我不知道这个动作。谢谢你纠正我.not('.cross out')
An会给你看的……噢,天哪F@ASD@对不起打扰了。这里没有什么有意义的东西可以看…最好使用$(this).兄弟姐妹('li.active').removeClass('active')
而不是$('ul.menu li')。removeClass('active')
?PeterKA,你说得对,我不知道这个动作。谢谢你纠正我.not('.cross out')
An会给你看的……噢,天哪F@ASD@对不起打扰了。这里没有什么有意义的东西可以看…最好使用$(this).兄弟姐妹('li.active').removeClass('active')
而不是$('ul.menu li')。removeClass('active')
?PeterKA,你说得对,我不知道这个动作。谢谢你纠正我.not('.cross out')
An会给你看的……噢,天哪F@ASD@对不起打扰了。这里没有什么有意义的东西可以看…最好使用$(this).兄弟姐妹('li.active').removeClass('active')
而不是$('ul.menu li')。removeClass('active')
?PeterKA,你说得对,我不知道这个动作。谢谢你纠正我!谢谢,dsg!但是对于社区来说,这个帖子应该被删除,因为这个问题对其他人没有帮助。。。对不起,我错了!谢谢,dsg!但是对于社区来说,这个帖子应该被删除,因为这个问题对其他人没有帮助。。。对不起,我错了!谢谢,dsg!但是对于社区来说,这个帖子应该被删除,因为这个问题对其他人没有帮助。。。对不起,我错了!谢谢,dsg!但是对于社区来说,这个帖子应该被删除,因为这个问题对其他人没有帮助。。。对不起,我错了!