jQuery each

 Html 태그 사이사이에 있던 데이터를 가공해야할 경우가 생길 때, 아래와 같은 명령어를 이용했다.

• getElementById
• getElementByTagName

<input name="test" .../> 를 보면, id는 고유 Element 하나만 return 하지만, name는 n개 일 경우, 배열로 return 된다.

기존에는 for문을 활용하여 작업해야 했다. 한가지의 Element 라면 단순하게 작업을 할수 있는 환경이 조성 되지만, 부모와 자식 관계의 복잡한 Element 일 경우, 다중 for문도 활용해야 하고, 소스의 활용도도 떨어질 수 있다.

jQuery는 each문을 제공 한다.

 

$.each(element, function() {

// processing

}

 

1번째 인자는 부모 element를 target으로 두고, 2번째 인자는 하나의 row씩 반복할 때마다 실행 되는 function을 정의 하게 된다.

해당 소스를 적용 할 경우, 부모 element 하위로 있는 element 들에 접근이 가능하다. function을 구현하여 비지니스 로직을 처리 하면 된다.