etc./StackOverFlow

jQuery에 요소가 있는지 확인 [중복]

청렴결백한 만능 재주꾼 2022. 7. 9. 02:48
반응형

질문자 :Nick


.append() 메서드로 생성된 경우 요소가 존재하는지 어떻게 확인합니까? $('elemId').length 가 작동하지 않습니다.



$('elemId').length 가 작동하지 않습니다.

요소 ID 앞에 # 을 넣어야 합니다.

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

바닐라 JavaScript를 사용하면 document.getElementById('id_here') # )가 필요하지 않지만 jQuery를 사용할 때는 CSS와 마찬가지로 id 기반으로 대상 요소에 해시를 넣어야 합니다.


Sarfraz

선택기의 길이를 확인하십시오. 만약 그것이 당신에게 무언가를 반환한다면, 그 요소는 존재하지 않아야 합니다.

 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 }

Tapan kumar

이 시도:

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

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


Gaurav123

요소가 있는지 어떻게 확인합니까

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

0 true 보다 큰 값을 false 평가합니다.

보다 크거나 작음 비교할 필요가 없습니다.


lfender6445

이름에서 알 수 있듯이 elemId Id 속성입니다. 이것이 존재하는지 확인하기 위해 할 수 있는 모든 것입니다.

바닐라 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")){}

제이쿼리:

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

Mehran Hatami

배열과 같은 표기법을 사용하고 첫 번째 요소를 확인할 수도 있습니다. 빈 배열 또는 컬렉션의 첫 번째 요소는 단순히 undefined 이므로 "정상적인" 자바스크립트 truthy/falsy 동작을 얻습니다.

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

loopmode

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

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

잊지 마세요, jQuery는 네이티브 자바스크립트 명령과 속성을 둘러싼 정교하고(매우 유용한) 래퍼일 뿐입니다.


Webomatik

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

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

DesignForLife

출처 : http:www.stackoverflow.com/questions/4592493/check-if-element-exists-in-jquery

반응형