[jQuery] id 존재 여부 확인하기 (length)

 

jQuery를 이용하여

특정 id가 존재하는지 확인하기 위해

length 속성을 사용할 수 있습니다.

 

 

id 존재 여부 확인하기 : length

 

<div id="myDiv">Hello</div>

const myDivSize = $('#myDiv').length; // 1
const myDiv2Size = $('#myDiv2').length; // 0

document.write('<br> myDiv length : ' + myDivSize);
document.write('<br> myDiv2 length : ' + myDiv2Size);

 

$('#myDiv')

존재하는지 확인하려고 하는 요소를 id로 선택합니다.

 

.length

length 속성은 선택한 요소가 선택된 개수를 리턴합니다.

따라서, 만약 선택된 요소가 없으면 0을 리턴하고,

선택된 요소가 있으면 양수를 리턴합니다.

이를 활용하면 선택된 요소가 존재하는지 체크할 수 있습니다.

 

 

id 존재여부 확인하는 함수 만들기

<div id="myDiv">Hello</div>

isIdExist('myDiv');
isIdExist('myDiv2');

function isIdExist(id) {
  if($('#' + id).length > 0) {
     document.write(id + '는 존재합니다. <br>');
  }else {
    document.write(id + '는 존재하지 않습니다.<br>');
  }
}

 

위 예제에서 isIdExist()는 

존재여부를 확인하려는 id를 파라미터로 입력받아

해당 id를 선택한 후, 길이를 체크하여

id에 해당하는 요소가 존재하는지 체크하고 있습니다.