Question

如何在jQuery中使用if语句检查div是否具有“in”类？

我的代码：

$("#short-top-nav-right a").click(function() {
    $(".collapse").one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
        if ($("div.collapse-site").hasClass("in")) {
            console.log("yes");
        } else {
            console.log("no");
        }

    });
});

Answer 1

你可以做这样的事情

$('div').each(function(){
    if ($(this).hasClass('in')){
        console.log("yes");
    }else{
        console.log("no");
    }
});

Answer 2

我建议使用jQuery的each()。

$('div.collapse-site').each(function(index, element) {
    console.log('element at index ' + index + 'is ' + (this.tagName);

    console.log('hasClass? ' + $(this).hasClass('in')); 
});

Answer 3

试试这个：

$("#short-top-nav-right a").click(function(){
    $(".collapse div.collapse-site").each(function(index,value){
     if ($(this).hasClass("in")) {
      console.log("yes");
     } else {
      console.log("no");
     }

    });
  });

Answer 4

如果您想知道任何 div.collapse-site是否还有班级in，只需：

if ($("div.collapse-site.in").length) {
    // Yes, at least one does
} else {
    // No, none do
}

......没有任何循环。

如果您想知道div.collapse-site的每个，是否有in，那么each：

$("div.collapse-site").each(function() {
    if ($(this).hasClass("in")) {
        // Yes, this specific one does
    } else {
        // No, this specific one doesn't
    }
});

如何正确检查div是否有类来执行某些操作

4 个答案: