[javascript/jquery] jquery visible element count example / jquery visible 엘리먼트 갯수 구하는 방법

[javascript/jquery] jquery visible element count example / jquery visible 엘리먼트 갯수 구하는 방법

 

 

jquery 에서

 

hide / hidden 상태가 아닌

 

특정 태그를 확인해야 하는 경우

 

visible 를 이용하시면 됩니다.

 

 

아래와 같이

 

input 태그가 4개 있고

 

그중에 하나만 hidden 상태라고 가정하고,

<input type="text"/>
<input type="text"/>
<input type="hidden"/>
<input type="text"/>

 

위 input 태그들 중에서

 

hidden 상태가 아닌 갯수를 구하려면

 

아래와 같이 visible 를 이용해서

 

length 를 구하면 됩니다!

 

$("input:visible").length;

 

위 결과를 출력하면

 

hidden 인 태그가 1개

hidden 이 아닌 태그가 3개

 

따라서,

 

결과는 아래와 같이  3이 출력됩니다!

 

3

 

참고들 하세요!