이 질문에는 이미 답변이 있습니다.
요소가 생성 된 경우 요소가 존재하는지 어떻게 확인합니까?.append()
방법?$('elemId').length
나를 위해 작동하지 않습니다.
$('elemId').length
효과가 없다. 나를.
넣어야합니다.#
before 요소 id :
$('#elemId').length
---^
바닐라 자바 스크립트를 사용하면 해시가 필요하지 않습니다 (#
).document.getElementById('id_here')
, 그러나 jQuery를 사용할 때, 다음을 기반으로 대상 요소에 해시를 넣어야합니다.id
CSS와 같습니다.
document.querySelector('#id_here')
해쉬 기호는 jQuery와 동등한만큼 필요합니다.$('#id_here')
. - AndreKR
선택기의 길이를 확인해보십시오. 그러면 선택기의 길이를 확인한 다음 요소가 존재하지 않아야합니다.
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
}
function exists(elementName) { return $(elementName).length; }
- Sinister Beard
이 시도:
if ($("#mydiv").length > 0){
// do something here
}
length 속성은 요소가 없으면 0을 반환합니다.
> 0
. 그게 왜 일어날 지 모르는 어떤 아이디어? - KillahB
요소가 있는지 어떻게 확인합니까?
if ($("#mydiv").length){ }
그것이있는 경우0
평가할 것입니다.false
, 그 이상true
.
비교할 필요가없는 것보다 더 큰 것을 필요가 없습니다.
너의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){}
!= null
같이querySelector
항상 돌아올거야.null
(틀린) 또는 요소 - 1j01if (document.querySelector("elemId") != null )
코드의 가독성을 높이기 위해 - Mrinmoyif (document.querySelector("elemId") != null )
더 읽기 쉬운 코드를 작성하는 데 아무런 영향을주지 않습니다. 자바 스크립트 세계에서는 자바 나 C #과 같은 구조 프로그래밍 언어로부터 사고 방식을 지키지 않고 자바 스크립트 커뮤니티의 규칙을 이해하는 것이 좋습니다. 이 특정 경우의 자바 스크립트 개발자를 위해!= null
완전히 중복되고 훨씬 덜 읽을 수 있습니다. - Mehran HatamiquerySelector()
보고null or 0
또는 다른 5 개의 값 중 하나를 선택하십시오.querySelectorAll()
jQuery는 요소를 찾을 수 없을 때 다른 반환 값을가집니다. 요즘 사람들이 테크놀로지와 프레임 워크의 다 언어를 사용하여 일을보다 가독성있게 만드는 것이 효과적이라고 생각하십시오. 그런데 나는 java / golang 프로그래머보다 더 javascripter이다. - Mrinmoy
배열과 같은 표기법을 사용하고 첫 번째 요소를 확인할 수도 있습니다.
빈 배열 또는 컬렉션의 첫 번째 요소는 간단합니다.undefined
그래서 "정상적인"javascript truthy / falsy 동작을 얻습니다.
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는 원시 자바 스크립트 명령 및 속성에 대한 정교한 (그리고 매우 유용한) 래퍼 일뿐입니다.
instanceof Object
- 1j01
요소에 클래스가있는 경우 다음을 시도 할 수 있습니다.
if( $('.exists_content').hasClass('exists_content') ){
//element available
}
.length
잘 작동, 여기를 참조하십시오 :jsfiddle.net/yahavbr/A9zW2네가 사용했다면#
코드를 게시하면 잘못 처리 한 부분이 표시됩니다. - Shadow Wizard