javascript - 使用 jQuery 根据选择显示 div 但包括资历？

Question

我有六个 div：

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>

当用户点击任何 div 时，类 .active 会被添加到 div 中。我需要根据哪些 div 具有 .active 类来显示一个值。例如，如果 div “一和二”具有活动类，那么我想显示值“1”。如果具有类三或四的 div 也具有活动类，那么我将显示值“2”。如果具有 5 或 6 类的 div 的类处于活动状态，那么我想显示值“3”。

我想不通的是当 div 5 或 6 的类处于活动状态时如何显示值“3”，而不管其他 div 有哪些活动类。例如，如果 div 1、2 和 5 具有比我想要显示 3 的活动类。我尝试了这样的 if else 语句：

if ($('.one').hasClass('active') || $('.two').hasClass('active') ) {
 alert(1);
} else if ( $('.three').hasClass('active') || $('.four').hasClass('active') {
 alert(2);
else if ( $('.five').hasClass('active') || $('.six').hasClass('active') ) {
 alert(3)
} 

我遇到的问题是，如果 div 1 和 6 的类都处于活动状态，则当我希望显示值 3 时，将显示值 1。

我确定我对这个问题给出了一个可怕的解释，所以请让我澄清我需要。