Jquery 单击时计数元素

这是我的jquery代码：

$(document).on('click', '.filter_author_wrapper', function(event) {

            var filter_author_wrapper_selected = $('.f_a_w_selected');
            var selected_authors_num = filter_author_wrapper_selected.length;

            if ($(this).hasClass('f_a_w_selected')) {
                $(this).removeClass('f_a_w_selected')
                    .queue(function() {
                        var filter_authors_selected = $('#filter_authors_selected');
                        filter_authors_selected.html(selected_authors_num + ' /');
                        $(this).dequeue();                      
                    });
            } else {
                $(this).addClass('f_a_w_selected')
                    .queue(function() {
                        var filter_authors_selected = $('#filter_authors_selected');
                        filter_authors_selected.html(selected_authors_num + ' /');
                        $(this).dequeue();                      
                    });
            }

        }); 

每次我点击一个元素

.f_a_w_\u选中的

类将被应用，如果它已经被应用，则被删除，并计算有多少元素拥有这个类

上面的代码统计在单击之前具有特定类的元素。如何通过单击应用该类并使用该类计算元素

---

我希望这是可以理解的

好的。。。抱歉，但是你的代码有点冗长，所以让我重写它

$(document).on('click', '.filter_author_wrapper', function(event) {
  $(this).toggleClass('f_a_w_selected');
  var num = $('.f_a_w_selected').length;
  $('#filter_authors_selected').html(num + ' /');
});

---

另外，

文档

可能不是与您的

最接近的祖先。filter\u author\u wrapper

，因此为了从委派的事件中获得更好的性能，请将您的处理程序附加到初始化时DOM中最接近的父元素

单击一下是什么意思？它不是一次点击就能完成一切吗？