我有一个列表“abc”。默认情况下,第一个被选中。如果我点击menu3,它应该设置为“current”,并且menu1 'current' 类应该被删除。请帮助我使用 jQuery 编写此查询。
<ul class="abc">
<li><a href="#" class="current">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
我有一个列表“abc”。默认情况下,第一个被选中。如果我点击menu3,它应该设置为“current”,并且menu1 'current' 类应该被删除。请帮助我使用 jQuery 编写此查询。
<ul class="abc">
<li><a href="#" class="current">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
var anchors = $('li a');
anchors.on('click', function(e){
e.preventDefault();
anchors.removeClass('current');
$(this).addClass('current');
});
$('.abc a').click(function(e) {
e.preventDefault();
$('.abc a').removeClass('current');
$(this).addClass('current');
});
$('.abc a').on('click', function(e) {
e.preventDefault();
$('.abc a').removeClass('current');
$(this).addClass('current');
});
看:
演示:http: //jsfiddle.net/KDULM/