jQuery.each() 사용법 Sharing_jquery

요소 인덱스와 콘텐츠를 모두 사용하여 배열을 반복합니다. (i는 인덱스, n은 콘텐츠)

코드 복사 코드는 다음과 같습니다.

$.each ( [0,1,2], function(i, n){
alert( "항목 번호" i ": " n );
})

멤버 이름과 변수 내용을 모두 사용하는 예제 객체입니다. (i는 멤버 이름, n은 변수 내용)

코드 복사 코드는 다음과 같습니다.

$ .each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " i ", Value: " n );
});

DOM 요소의 예 여기서는 입력 양식 요소를 예로 들어 보겠습니다.

돔에 이와 같은 코드가 있는 경우




그런 다음 각각 다음과 같이 사용합니다

코드 복사 코드는 다음과 같습니다.

$.each($("input:hidden"), function(i,val){
alert(val); //출력 [object HTMLInputElement] 양식 요소이기 때문입니다.
alert(i); //출력 인덱스는 0, 1, 2, 3입니다.
alert(val.name) //name 값을 출력합니다.
alert( val.value); //출력값 Iteration 메소드의 값을 사용하여 객체와 배열을 반복할 수 있습니다.

jQuery 객체를 반복하는 $().each() 메서드와 달리 이 메서드는 모든 객체를 반복하는 데 사용할 수 있습니다. 콜백 함수에는 두 개의 매개변수가 있습니다. 첫 번째 매개변수는 객체의 멤버 또는 배열의 인덱스이고 두 번째 매개변수는 해당 변수 또는 콘텐츠입니다. 각 루프를 종료해야 하는 경우 콜백 함수가 false를 반환하도록 하면 다른 반환 값은 무시됩니다.

매개변수
objectObject
탐색할 객체 또는 배열입니다.

콜백(선택)함수
각 멤버/요소별로 실행되는 콜백 함수입니다.