[초보 개발자의 삽질log] 순서 지키기

JavaScript로 ul 안에 li 요소가 있는 경우에만 img요소를 나타내고,

없는 경우에는 사라지게 해야 했다.

 

그러려면 DOM의 개수를 체크하면 된다는 걸 검색으로 알아냈다.

 

if ($("#ul li").length > 0) {
	$("#img").hide();
} else {
	$("#img").show();
} 

 

해서 이런 코드를 돌렸는데 아무리 해도 잘 안 됐다.

length는 무조건 0으로 뜨고, else구간만 활성화 되더라.

 

알고 봤더니 ul 안에 li를 불러오는 function을

DOM개수 체크 function보다 순서상 나중에 돌리고 있어서 문제가 된 거였다.

 

계속 해봐도 안 되면

더 크고 기본적인 단계에서 문제가 없는지 체크하자.