检查各种元素是否有类

时间:2014-10-03 13:24:47

标签: jquery

我需要检查所有元素是否都有某个类,如果它们都有类,那么我需要执行一些操作: 我认为以下只检查一个元素:

   <div class="game-area">  
        <div class="position1 block position"></div>
        <div class="position2 block position"></div>
        <div class="position3 block position"></div>
        <div class="position4 block position"></div>
        <div class="position5 block position"></div>
        <div class="position6 block position"></div>
    </div>

if ( $(".position").hasClass("removed") ) {
 ....)};

5 个答案:

答案 0 :(得分:2)

那么你可以这样做:

if($('.position').filter(".removed").length == $('.position').length){
    // do something
}

您可以根据需要删除过滤器,并将其用作单个选择器$('.position.remove');

答案 1 :(得分:0)

你可以这样做:

  $('.position').each(function(obj){
      if($(obj).hasClass('removed')){
               //Do you stuff
        }
  });

答案 2 :(得分:0)

你可以这样做:

var positionElems = $(".position");
var positionWithRemoved = $(".position.removed");

然后检查长度:

if (positionElems.length == positionWithRemoved.length) {
    //do stuff
}

答案 3 :(得分:0)

在这种情况下,您可以遍历.game-area的元素:

$('.game-area').children('div').each(function(){
    if( $(this).hasClass( 'removed' ) ){ // Do something }
});

这将检查game.area

的子元素

任选地:

$('.game-area').children('div.position').each(function(){
    if( $(this).hasClass( 'removed' ) ){ // Do something }
});

答案 4 :(得分:0)

您可以使用.not并检查是否还有剩余元素:

if(!$('.position').not('.removed').length){
    //all elements has `.removed`
}