javascript - 单击后检查 中有多少 的类处于事件状态并显示警报

Question

我需要一种方法来检查某个项目的点击次数 <li>里面 <ul>类(class)处于事件状态。

例如:我有一个项目列表，每次单击其中一个项目时，我都会添加一个事件类。然后，我需要在每次点击时循环遍历所有项目，看看有多少项目具有事件类，然后将其记录在警报中。

这是我目前拥有的:

let selectList = $('ul');
let selectItems = $('ul li');
let count = $(selectList).children('li.active').length;

$(selectItems).on('click', function() {
    $(selectItems).each(function() {
        console.log(count);
    });
});

这似乎正在记录所有 <li>里面<ul>而不是 <li class="active"> 的数量

Answer 1

当您事先计算并显示相同的计数值时，您需要对点击发生的时间进行计数，

$(selectItems).on('click', function() {
    console.log( $(this).closest( "ul" ).children('li.active').length; );
});