복붙노트

[JQUERY] 확인 요소가 jQuery를에있는 경우 [중복]

JQUERY

확인 요소가 jQuery를에있는 경우 [중복]

해결법


  1. 1.당신은 요소 ID 앞에 #를 넣어해야합니다

    당신은 요소 ID 앞에 #를 넣어해야합니다

    $('#elemId').length
    ---^
    

    바닐라 자바 ​​스크립트, 당신은 해시 (#) 예를 들어, 필요하지 않습니다 jQuery를 사용하는 경우 document.getElementById를 ( 'id_here')는, 그러나, 당신은 단지 CSS와 같은 ID를 기반으로 대상 요소에 해시를 넣어 필요성을한다.


  2. 2.요소해야 다른없는 존재 그 다음 당신에게 뭔가를 반환하는 경우, 선택기의 길이를 확인하려고합니다.

    요소해야 다른없는 존재 그 다음 당신에게 뭔가를 반환하는 경우, 선택기의 길이를 확인하려고합니다.

     if( $('#selector').length )         // use this if you are using id to check
    {
         // it exists
    }
    
    
     if( $('.selector').length )         // use this if you are using class to check
    {
         // it exists
    }
    

  3. 3.이 시도:

    이 시도:

    if ($("#mydiv").length > 0){
      // do something here
    }
    

    요소가 존재하지 않는 경우 길이 속성은 0을 반환합니다.


  4. 4.

    if ($("#mydiv").length){  }
    

    가 0 인 경우, 더 사실보다, false로 무엇을 평가합니다.

    적은 비교보다는보다 더 큰 필요가 없습니다.


  5. 5.그 이름에서 알 수 있듯이 당신의 elemId는, id 속성이 당신이 존재하는지 확인하기 위해 할 수있는 모든 있습니다입니다 :

    그 이름에서 알 수 있듯이 당신의 elemId는, id 속성이 당신이 존재하는지 확인하기 위해 할 수있는 모든 있습니다입니다 :

    바닐라 자바 ​​스크립트 : 경우에 당신은 고급 선택기가 :

    //you can use it for more advanced selectors
    if(document.querySelectorAll("#elemId").length){}
    
    if(document.querySelector("#elemId")){}
    
    //you can use it if your selector has only an Id attribute
    if(document.getElementById("elemId")){}
    

    jQuery를 :

    if(jQuery("#elemId").length){}
    

  6. 6.또한 표기법과 같은 배열을-사용하여 첫 번째 요소를 확인할 수 있습니다. 당신은 자바 스크립트 truthy / falsy 행동 "정상적인"얻을 수 있도록 빈 배열이나 컬렉션의 첫 번째 요소는 간단하게 정의되지 않는다 :

    또한 표기법과 같은 배열을-사용하여 첫 번째 요소를 확인할 수 있습니다. 당신은 자바 스크립트 truthy / falsy 행동 "정상적인"얻을 수 있도록 빈 배열이나 컬렉션의 첫 번째 요소는 간단하게 정의되지 않는다 :

    var el = $('body')[0];
    if (el) {
        console.log('element found', el);
    }
    if (!el) {
        console.log('no element found');
    }
    

  7. 7.당신은 개체의 존재 여부를 테스트 네이티브 JS를 사용할 수 있습니다 :

    당신은 개체의 존재 여부를 테스트 네이티브 JS를 사용할 수 있습니다 :

    if (document.getElementById('elemId') instanceof Object){
        // do something here
    }
    

    잊지 마세요, jQuery를 아무것도 네이티브 자바 스크립트 명령 및 속성 주위 정교한 (매우 유용) 래퍼보다 더 많은입니다


  8. 8.당신이 당신의 요소에 클래스가있는 경우에, 당신은 다음을 시도 할 수 있습니다 :

    당신이 당신의 요소에 클래스가있는 경우에, 당신은 다음을 시도 할 수 있습니다 :

    if( $('.exists_content').hasClass('exists_content') ){
     //element available
    }
    
  9. from https://stackoverflow.com/questions/4592493/check-if-element-exists-in-jquery by cc-by-sa and MIT license