javascript jquery 访问被单击的元素

Question

我有以下使用 javascript 加载的半按钮列表:

        var html ='<ul class="nav well-tabs well-tabs-inverse mb10" id="users">';

        html +='<li class="active"><a id="'+this.my.user+'" data-toggle="tab_'+self.my.id+'" class="pestaña">'+this.my.user+'</a></li>';
        var users = this.my.community_users;
        for (i=0;i<users.length;i++) {
            if (users[i].user != this.my.user)
            html +='<li><a id="'+users[i].user+'" data-toggle="tab_'+self.my.id+'" class="pestana">'+users[i].user+'</a></li>';
        };
        html +='</ul>';
        $(html).appendTo("#Dashboard");

请注意，列表中的第一项处于事件状态。我得到这样的东西:

好的，现在我编写了 onclick 事件的代码，以便在单击按钮时执行某些操作:

$(document).on('click', 'a[data-toggle=tab_'+self.my.id+']', function(e){
      // whatever here
});

我现在需要的是将被单击的选项卡设置为事件状态，并将事件的选项卡设置为非事件状态。如何访问这两个元素以添加类和删除类事件？

Answer 1

您可以使用以下逻辑:

$(document).on('click', '#users li:not(.active)', function () {
    $('#users').find('li.active').add(this).toggleClass('active');
});