Question

我有2个链接在做同样的事情，现在我想在点击一个时将两个类添加到'active'上。

我在页面的不同位置有这两个链接：

1： <a href="#" title="Software" class="filter" data-filter=".software">Software</a>

2： <a href="#" title="Software" class="filter" data-filter=".software">Software</a>

我正在使用此代码：

$('.filter').click(function(){
        var filter = $(this).attr('data-filter');

        if($(this).hasClass('active')){
            $('a[data-filter="' + filter + '"]').removeClass('active');
        }else{
            $('a[data-filter="' + filter + '"]').addClass('active');
        }

        return false;
});

但无论我点击哪个链接，它只会更改第二个类。

我做错了什么？

Answer 1

只需使用

$('.filter').click(function(){
  $('a[data-filter="' + filter + '"]').toggleClass('active');
});

在2个元素上切换类

1 个答案: