itsource

jQuery에 요소가 있는지 확인합니다.

mycopycode 2022. 10. 25. 21:34
반응형

jQuery에 요소가 있는지 확인합니다.

요소가 작성되어 있는 경우 요소가 존재하는지 확인하려면 어떻게 해야 합니까?.append()방법? $('elemId').length나한테는 안 통한다.

$('elemId').length나한테는 안 통한다.

넣으셔야 돼요#요소 ID 앞:

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

vanilla JavaScript를 사용하면 해시가 필요 없습니다.#예)document.getElementById('id_here')단, jQuery를 사용하는 경우 다음 기준에 따라 타깃 요소에 해시를 추가해야 합니다.idCSS처럼요

셀렉터의 길이를 확인합니다.실렉터가 무언가를 반환할 경우 요소가 존재하지 않아야 합니다.

 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
}

이것을 시험해 보세요.

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

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

요소가 존재하는지 확인하려면 어떻게 해야 합니까?

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

그렇다면0, 평가합니다.false그 이상의 것은true.

비교보다 크거나 작을 필요는 없다.

당신의.elemId이름에서 알 수 있듯이, 는IdAtribute가 존재하는지 확인하려면 다음 작업만 수행합니다.

Vanilla JavaScript: 고급 선택기가 더 많은 경우:

//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")){}

j쿼리:

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

배열과 같은 표기법을 사용하여 첫 번째 요소를 확인할 수도 있습니다.빈 배열 또는 컬렉션의 첫 번째 요소는 단순합니다.undefined따라서 javascript truthy/discripty 동작은 다음과 같습니다.

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

네이티브 JS를 사용하여 객체의 존재를 테스트할 수 있습니다.

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

jQuery는 네이티브 Javascript 명령어와 속성을 세련되게(그리고 매우 유용한) 래퍼에 불과하다는 것을 잊지 마십시오.

요소에 대한 클래스가 있는 경우 다음을 시도할 수 있습니다.

if( $('.exists_content').hasClass('exists_content') ){
 //element available
}

언급URL : https://stackoverflow.com/questions/4592493/check-if-element-exists-in-jquery

반응형