jQuery-每列和总计限制选择

Question

我正在构建一个自定义产品选择器，其中为用户提供了多个类别中的多个选项。

我希望能够将每个类别的选择限制为3个，但总共限制为7个。

使用列出的选项将多个类别分为<ul>。

当用户单击一个选项时，会将“活动”类别添加到<li>。

我已经使用length来确定单击时总共设置了多少个活动类，但是我将如何设置它，以便在每个类别部分发出3个以上警报，而在整个类别中发出7个警报呢？ / p>

$('#step-1 li').click(function(){

    $(this).addClass('active');

    var active_total = $('#step-1 li.active').length;

    if(active_total > 7) {
        alert('No more than 7 items in total.');
    }

})