javascript - 如何检查实际事件元素的类别

Question

我有一些轮播插件。一一点击后，有一个元素具有事件类。此外，轮播上的所有元素都有类 available 或 no_available。现在我需要检查这个 active 元素，如果它有类 available 则执行某些操作，如果是 no_available 则执行其他操作。该事件类和元素在轮播单击后发生变化。所以我这样做，我只有一个条件响应，第一个。你能帮我吗？

carousel_images = $("#ajax-carousel"),
carousel_images_active_element = carousel_images.find("li.active");

carousel_controls_button.live('click', function(e){
    if (carousel_images_active_element.is('.available')){
        console.log('run_01');
        bottom_panel.fadeOut('fast');
    }
    else if (carousel_images_active_element.is('.no_available')){
        console.log('run_02');
    }
});

html

<ul>
   <li id="01" class="active no_available"></li>
   <li id="02" class="available"></li>
   <li id="03" class="available"></li>
   <li id="04" class="no_available"></li>
</ul>

非常感谢。

Answer 1

Now i need to check this active element, and if it have class available do something and if is no_available do something else.

使用hasClass()

试试这个

carousel_controls_button.on('click', function(e){
   if (carousel_images_active_element.hasClass('available')){
     console.log('run_01');
     bottom_panel.fadeOut('fast');
   }
   else if (carousel_images_active_element.hasClass('no_available')){
    console.log('run_02');
 }
});

live() 已弃用 on()