본문 바로가기
[개발] Programming/JQuery

JQuery, visible(not hidden) elements 개수 구하기

by eatyourKimchi 2018. 10. 29.


JQuery Elements 개수 구하기


아래 div tag 중에서 .hide() 시킨 tag를 제외한 나머지 visible tag 개수 구하는 방법


예제 페이지 소스

<html>

<div class="hideOrShow">a</div> 

<div class="hideOrShow">b</div> 

<div class="hideOrShow">c</div>

<div class="hideOrShow">d</div>

</html>


JQuery 소스

$(".hideOrShow").index(0).hide();

$(".hideOrShow").index(1).hide();

var count = $(".hideOrShow:visible").length;


a, b는 hide 되었으므로 변수 count에는 2가 저장된다.


같은 결과를 위해 .size() 함수를 사용해도 된다.

$(".hideOrShow:visible").size();



댓글