[JQUERY] 요소가 jQuery를 가진 CSS 클래스가 있는지 확인

요소가 jQuery를 가진 CSS 클래스가 있는지 확인

해결법

1. ---

   1.hasClass 방법을 사용합니다 :

   hasClass 방법을 사용합니다 :

   jQueryCollection.hasClass(className);
   

   또는

   $(selector).hasClass(className);
   

   인수는 (분명히) 확인하려는 클래스를 나타내는 문자열이며, (이것은 대부분의 jQuery 방법처럼 체인을 지원하지 않도록)는 부울을 반환합니다.

   참고 : 공백을 포함하는 클래스 이름 인수를 전달하면,이 컬렉션의 요소 '클래스 이름 문자열에 대해 문자 그대로 일치한다. 예를 들어, 당신이 요소가 경우에 따라서,

   <span class="foo bar" />
   

   다음이 true를 돌려줍니다 :

   $('span').hasClass('foo bar')
   

   이들은 false를 반환합니다 :

   $('span').hasClass('bar foo')
   $('span').hasClass('foo  bar')
   

2. ---

   2.자주 묻는 질문에서

   자주 묻는 질문에서

   elem = $("#elemid");
   if (elem.is (".class")) {
      // whatever
   }
   

   또는:

   elem = $("#elemid");
   if (elem.hasClass ("class")) {
      // whatever
   }
   

3. ---

   3.당신이 요소가있는 경우 알고 싶은 경우 부정에 관해서는, 당신은 단순히 표시로 할 수있는 클래스는 말하지 않았다.

   당신이 요소가있는 경우 알고 싶은 경우 부정에 관해서는, 당신은 단순히 표시로 할 수있는 클래스는 말하지 않았다.

   if (!currentPage.parent().hasClass('home')) { do what you want }
   

4. ---

   4.jQuery를하지 않고 :

   jQuery를하지 않고 :

   var hasclass=!!(' '+elem.className+' ').indexOf(' check_class ')+1;
   

   또는:

   function hasClass(e,c){
       return e&&(e instanceof HTMLElement)&&!!((' '+e.className+' ').indexOf(' '+c+' ')+1);
   }
   /*example of usage*/
   var has_class_medium=hasClass(document.getElementsByTagName('input')[0],'medium');
   

   이 빠른 jQuery를보다 더 길입니다!

5. ---

   5.여기에 토지 실제로이 일을하는 jQuery를 무료로 방법을 찾고 있었다 사람을 돕는 이익 :

   여기에 토지 실제로이 일을하는 jQuery를 무료로 방법을 찾고 있었다 사람을 돕는 이익 :

   element.classList.contains('your-class-name')
   

6. ---

   6.공식 jQuery를 FAQ 페이지를 확인하십시오 :

   공식 jQuery를 FAQ 페이지를 확인하십시오 :

   어떻게 요소가 특정 클래스가 있는지 여부 테스트합니까

7. ---

   7.

    $('.segment-name').click(function () {
       if($(this).hasClass('segment-a')){
           //class exist
       }
   });
   

8. ---

   8.내 경우에는, 내가, 내가이 중간에 특정 클래스를 찾고 있었다 추가 다른 CSS 클래스와 HTML 요소를 가지고는 '이다'는 jQuery를 기능을 사용, 내가 사용하도록 확인하는 것이 대안 "입니다" 동적 이미 다른 CSS 클래스를 가진 html 요소에 추가 클래스, 그것은 또 다른 좋은 대안이다.

   내 경우에는, 내가, 내가이 중간에 특정 클래스를 찾고 있었다 추가 다른 CSS 클래스와 HTML 요소를 가지고는 '이다'는 jQuery를 기능을 사용, 내가 사용하도록 확인하는 것이 대안 "입니다" 동적 이미 다른 CSS 클래스를 가진 html 요소에 추가 클래스, 그것은 또 다른 좋은 대안이다.

   간단한 예 :

    <!--element html-->
    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>
   
    <!--jQuery "is"-->
    $('#menu').is('.cbp-spmenu-open');
   

   고급 예 :

    <!--element html-->
       <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom cbp-spmenu-open" id="menu">somethings here... </nav>
   
      <!--jQuery "is"-->
       if($('#menu').is('.cbp-spmenu-bottom.cbp-spmenu-open')){
          $("#menu").show();
       }
   

from https://stackoverflow.com/questions/263232/determine-if-an-element-has-a-css-class-with-jquery by cc-by-sa and MIT license