Jquery有类问题

时间:2014-03-26 11:58:18

标签: javascript jquery html

我试图检查其中一个DIV是否有类"可见"这是由jquery插件添加,似乎无法正常工作。

当我检查第一个元素时,它会起作用,但是如果我想检查下一个div,它会发现它。

帮助表示赞赏。

我的DIV

<div class="swiper-slide welcome" id="welcome"></div>

第二次DIV

<div class="swiper-slide intro-early-life" id="intro-early-life"></div>

MY JQUERY

<script type="text/javascript">
$(document).ready(function() {
    if ($('.welcome').hasClass('swiper-slide-visible')) {
        alert("working");
    }
});
</script>

我没有使用相同的ID,也许这是我的错误解释。我也可以使用该课程,没有区别。

5 个答案:

答案 0 :(得分:6)

$(document).ready(function() {
    if ($('#welcome').hasClass('swiper-slide') &&  $('#welcome').hasClass('visible')) {
        alert("working");
    }
});

答案 1 :(得分:0)

if ($('#welcome').is(":visible") && $('#welcome').hasClass("swiper-slide")) {
    alert("Yeah!");
}

也许这会更好?

编辑:页面上还没有swiper-slide-visible课程 - 也许这就是问题......?

答案 2 :(得分:0)

您也可以使用

$(document).ready(function() {
    if ($('#welcome').hasClasses(['swiper-slide', 'visible']);) {
        alert("working");
    }
});

$.fn.extend({
    hasClasses: function (selectors) {
        var self = this;
        for (var i in selectors) {
            if ($(self).hasClass(selectors[i])) 
                return true;
        }
        return false;
    }
});

答案 3 :(得分:0)

使用.is()

if ($('#welcome').is('.swiper-slide, .visible'){

<小时/> Id必须是唯一的,您可以使用classes instaed

Two HTML elements with same id attribute: How bad is it really?

答案 4 :(得分:0)

您可以改为使用.is()

$(document).ready(function() {
    if ($('.welcome').is('.swiper-slide.visible')) {
        alert("working");
    }
});