jquery each 사용하기

jquery를 사용하여 스크립트를 짜다보면 특정 DIV,SPAN 혹은 TAG에 소속된 내용을 가져와서

처리해줘야 할때가 있다.

그럴 때 아래와 같이 하면 좀 더 편하게 프로그래밍 할 수 있다.

<div id="divCategoryFirst">
    <ul class="lst_category">
        <li class="active">
            <a href="#">중 카테고리 명</a>
        </li>
        <li>
            <a href="#">중 카테고리 명</a>
        </li>
        <li>
            <a href="#">중 카테고리 명</a>
        </li>
    </ul>
</div> 

위와 같은 상태에서 id divCategoryFirst 에 있는 li 에 내용을 모두 가져오고 싶다면

$.each($("#divCategoryFirst li"), function(i) {
    if(!clickView) $(this).show();
    else $(this).hide();
});

위와 같이 사용하면 된다.

위의 내용은 id divCategoryFirst 안에 li를 가져와서 each로 looping을 하라는 내용이고

clickView 값에 따라서 show(),hide()를 하는 내용이다.

물론 찾아보면 이것보다 더 좋은 방법도 있겠지만, 시간이 없는 지금은 이게 가장 좋은 방법인것

같아 사용하고 있다.