JQuery类切换

时间:2013-05-14 07:35:05

标签: jquery class toggle

我们有一个简单的脚本来过滤结果:

$('ul.filter li a').click(function() {
    $('ul.filter li a').removeClass("selected");
    $(this).addClass("selected");
    var getvalue = $(this).attr('rel');
    $('.portfolioThumbs li.all').animate({opacity:0.1}).css('pointer-events', 'none');
    $('.portfolioThumbs li.'+getvalue).animate({opacity:1}).css('pointer-events', 'auto');
    return false;
});

基本上每个ul.filter链接都是一个不同的过滤按钮。

我们想要的是点击过滤器按钮保持突出显示(使用所选类别),以便他们知道他们正在查看什么,然后显然,如果他们点击另一个过滤器按钮,其他过滤器不会保持突出显示,而是突出显示新过滤器。

我们尝试了上述哪种方法,但是有更好的方法吗?

1 个答案:

答案 0 :(得分:0)

你做对了,另一种做法可能是

$(this).addClass("selected").parent().siblings().children('a').removeClass('selected');