> 웹 프론트엔드 > JS 튜토리얼 > jQuery.each() 사용법 Sharing_jquery

jQuery.each() 사용법 Sharing_jquery

WBOY
풀어 주다: 2016-05-16 17:51:22
원래의
1100명이 탐색했습니다.

요소 인덱스와 콘텐츠를 모두 사용하여 배열을 반복합니다. (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
탐색할 객체 또는 배열입니다.

콜백(선택)함수
각 멤버/요소별로 실행되는 콜백 함수입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿