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

现在我需要检查这个活动元素，如果它有可用的类做某事，如果是no_available则执行其他操作。

使用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()

Answer 2

请使用jquery的hasClass（）函数，告诉您，指定的元素是否具有指定的类。

例如，如果你想知道下面的div元素有一个类“active”，那么请按如下方式使用

<div id="target-ele" class="class1 class2 active"></div>

$（ '靶ELE'）hasClass（ '激活'）。 //这将返回true，因为它具有类“active”

<div id="target-ele" class="class1 class2 in-active"></div>

$（ '靶ELE'）hasClass（ '激活'）。 //这将返回false，因为它没有类“active”

最后如果（$（ '目标-ELE'）。hasClass（ '激活'））在有活动类时执行功能其他在没有活动类时执行功能

希望这可以满足您的要求：）

如何检查实际活动元素的类

2 个答案: