如何使用toggleClass更改css类以检测特定类

Question

我有一些div个.hour_slots_available命名类。并且还包含一些具有.hour_slots_disabled命名类的禁用div，这些div随数据库的响应而变化。

现在我想在.hour_slots_available div时更改这些.slot_activated click .hour_slots_available类。

但是当我点击这些div .slot_activated时，它会随<li><div id="12_01" class="hour_slots_available" ><span class="hour_tag">12:00 - 01:00</span></div></li> <li><div class="hour_slots_available" id="01_02"><span class="hour_tag">01:00 - 02:00</span></div></li> <li><div class="hour_slots_available" id="02_03"><span class="hour_tag">02:00 - 03:00</span></div></li> <li><div class="hour_slots_available" id="03_04"><span class="hour_tag">03:00 - 04:00</span></div></li> <li><div class="hour_slots_available" id="04_05"><span class="hour_tag">04:00 - 05:00</span></div></li> 更改，但也会更改带有所选div的禁用div

这是html代码

$(".hour_slots_available").click(function () {
        $(this).toggleClass("slot_activated");
});

这是我的jquery代码

return

这是输出图像

enter image description here

请指导我哪里错了..！

Answer 1

试试这个：

$(".hour_slots_available").not(".hour_slots_disabled").click(function () {
        $(this).toggleClass("slot_activated");
});