我试图检查其中一个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,也许这是我的错误解释。我也可以使用该课程,没有区别。
答案 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");
}
});