jQuery hasClass ()-둘 이상의 클래스 확인

와:

if(element.hasClass("class"))

하나의 클래스를 확인할 수 있지만 "요소"에 많은 클래스가 있는지 쉽게 확인할 수 있습니까?

나는 사용하고있다 :

if(element.hasClass("class") || element.hasClass("class") ... )

나쁘지는 않지만 다음과 같은 것을 생각하고 있습니다.

if(element.hasClass("class", "class2")

불행히도 작동하지 않습니다.

그런게 있습니까?

어때요?

element.is('.class1, .class2')

element.is('.class1, .class2')

작동 하지만, 그건 35 % 느린 것보다

element.hasClass('class1') || element.hasClass('class2')

내가 무슨 말을하는지 의심한다면 jsperf.com에서 확인할 수 있습니다 .

이것이 누군가를 돕기를 바랍니다.

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

$('#element').hasClasses(['class1', 'class2', 'class3']);

간단하고 쉬운 방법입니다.

filter () 는 다른 옵션입니다

일치하는 요소 세트를 선택기와 일치하는 요소로 줄이거 나 함수의 테스트를 통과하십시오.

$(selector).filter('.class1, .class2'); //Filter elements: class1 OR class2

$(selector).filter('.class1.class2'); // Filter elements: class1 AND class2

이건 어때요?

if (element.hasClass("class1 class2")

다음은 구문을 따르는 답변입니다.

$(element).hasAnyOfClasses("class1","class2","class3")

(function($){
    $.fn.hasAnyOfClasses = function(){
        for(var i= 0, il=arguments.length; i<il; i++){
            if($self.hasClass(arguments[i])) return true;
        }
        return false;
    }
})(jQuery);

가장 빠르지는 않지만 모호하지 않은 솔루션을 선호합니다. 벤치 : http://jsperf.com/hasclasstest/10

이건 어때?

$.fn.extend({
     hasClasses: function( selector ) {
        var classNamesRegex = new RegExp("( " + selector.replace(/ +/g,"").replace(/,/g, " | ") + " )"),
            rclass = /[\n\t\r]/g,
            i = 0,
            l = this.length;
        for ( ; i < l; i++ ) {
            if ( this[i].nodeType === 1 && classNamesRegex.test((" " + this[i].className + " ").replace(rclass, " "))) {
                return true;
            }
        }
        return false;
    }
});

사용하기 쉬운,

if ( $("selector").hasClasses("class1, class2, class3") ) {
  //Yes It does
}

그리고 더 빠른 것 같습니다, http://jsperf.com/hasclasstest/7

이건 어떤가요:

if($('.class.class2.class3').length > 0){
    //...
}

jQuery

if( ['class', 'class2'].some(c => [...element[0].classList].includes(c)) )

바닐라 JS

if( ['class', 'class2'].some(c => [...element.classList].includes(c)) )

기본 js match () 함수를 사용하십시오.

if( element.attr('class') !== undefined && element.attr('class').match(/class1|class2|class3|class4|class5/) ) {
  console.log("match");
}

regexp에서 변수를 사용하려면 다음을 사용하십시오.

var reg = new RegExp(variable, 'g');
$(this).match(reg);

그건 그렇고, 이것은 가장 빠른 방법입니다 : http://jsperf.com/hasclass-vs-is-stackoverflow/22

나를 위해 작동 :

 if ( $("element").hasClass( "class1") || $("element").hasClass("class2") ) {

 //do something here

 }

이 방법으로 할 수 있습니다 :

if($(selector).filter('.class1, .class2').length){
    // Or logic
}

if($(selector).filter('.class1, .class2').length){
    // And logic
}

이것은 나를 위해 일했다 :

$('.class1[class~="class2"]').append('something');