jQuery单击以添加类，单击其他位置以删除

在任何地方都找不到这个问题的答案，但本质上我想在单击锚时向锚添加一个“活动”链接，然后在单击另一个锚时将其删除。这些锚是散列的HREF，而不是真正的链接，因为它们充当过滤器

以下是我目前掌握的情况：

$('.section-filters a').click(function () {
        $(this).addClass('active');
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector
        });
        return false;
});

有什么帮助吗

谢谢，

---

R

您可以使用

removeClass

方法

$('.section-filters a').click(function (event) {
    $('a.active').removeClass('active');
    var $this = $(this);
    $this.addClass('active');
    var selector = $this.attr('data-filter');

    $container.isotope({
         filter: selector
    });
    return false; // event.preventDefault()
});

---

您可以使用

removeClass

方法

$('.section-filters a').click(function (event) {
    $('a.active').removeClass('active');
    var $this = $(this);
    $this.addClass('active');
    var selector = $this.attr('data-filter');

    $container.isotope({
         filter: selector
    });
    return false; // event.preventDefault()
});

---

记住变量中的最后一个活动项，并以这种方式执行，例如：

$( '.section-filters' ).each( function() {
    var $active = $();

    $( 'a', $( this ) ).on( 'click', function() {
        $active.toggleClass( 'active' );

        $active = $( this );

        $active.toggleClass( 'active' );

        $container.isotope( {
            filter: $active.attr( 'data-filter' )
        } );
        return false;
    } );

} );

---

记住变量中的最后一个活动项，并以这种方式执行，例如：

$( '.section-filters' ).each( function() {
    var $active = $();

    $( 'a', $( this ) ).on( 'click', function() {
        $active.toggleClass( 'active' );

        $active = $( this );

        $active.toggleClass( 'active' );

        $container.isotope( {
            filter: $active.attr( 'data-filter' )
        } );
        return false;
    } );

} );

---

这是有道理的；我不确定这是否有效，但我想层次结构有帮助。非常感谢。这是有道理的；我不确定这是否有效，但我想层次结构有帮助。非常感谢。