$.each를 사용하여 json array_jquery를 탐색하는 간단한 jQuery 구현 방법-JS 튜토리얼-php.cn

$.each를 사용하여 json array_jquery를 탐색하는 간단한 jQuery 구현 방법

WBOY

풀어 주다： 2016-05-16 15:05:08

원래의

2196명이 탐색했습니다.

이 기사의 예에서는 $.each를 사용하여 json 배열을 탐색하는 jQuery의 간단한 구현 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=gb2312" />
 <title>jquery $.each遍历json数组方法</title>
 <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
 <script>
 var arr = [{ name: "john", lang: "js" },{ name: "nailwl", lang: "jquery" },{ name: "吴磊", lang: "ext" }]; 
 $.each( arr, function(index, content)
 { 
  alert( "the man's no. is: " + index + ",and " + content.name + " is learning " + content.lang ); 
 });
 </script>
</body>
</html>
 </body>
</html>

로그인 후 복사

jquery 객체의 $().each() 메서드는 모든 객체를 반복하는 데 사용할 수 있습니다

콜백 함수에는 두 개의 매개변수가 있습니다.

첫 번째는 객체의 멤버이거나 배열의 인덱스입니다

요소 인덱스와 콘텐츠를 모두 사용하여 배열을 반복합니다

$.each( [0,1,2], function(index, content){
 alert( "item #" + index + " its value is: " + content );
});

로그인 후 복사

두 번째는 해당 변수나 내용입니다

각 루프를 종료해야 하는 경우 콜백 함수가 false를 반환하도록 하면 다른 반환 값은 무시됩니다.

jquery.each(obj,fn,arg)

이 메서드에는 세 가지 매개변수가 있습니다: 연산할 객체 obj, 연산할 함수 fn, 함수 매개변수 args.

1.obj 객체는 배열입니다

each 메소드는 특정 하위 요소를 호출하여 반환된 결과가 false가 될 때까지 배열의 하위 요소에 대해 fn 함수를 하나씩 호출합니다. 즉, 제공된 fn 함수를 사용하여 이를 처리할 수 있습니다. 특정 조건을 충족하도록 하세요. 각 메서드 호출을 종료하세요. 각 메소드가 arg 매개변수를 제공하는 경우 fn 함수 호출에 의해 전달된 매개변수는 arg입니다. 그렇지 않으면 하위 요소 인덱스, 하위 요소 자체

2.obj 개체가 배열이 아닙니다

이 메소드와 1의 가장 큰 차이점은 반환 값을 고려하지 않고 fn 메소드가 차례로 실행된다는 점입니다. 즉, fn 함수가 false를 반환하더라도 obj 객체의 모든 속성은 fn 메서드에 의해 호출됩니다. 호출에 전달된 매개변수는 1과 유사합니다.

jquery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;
       }
      }
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}
      }
}
return obj;
}

로그인 후 복사

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제를 확인할 수 있습니다. "jQuery 작업 json 데이터 기술 요약", "jQuery 스위칭 특집 요약 효과 및 기법", " jQuery 드래그 앤 드롭 특수 효과 및 기법 요약", "jQuery 확장 기법 요약", "일반적인 클래식 jQuery 요약 특수 효과", "jQuery 애니메이션 및 특수 효과 사용 요약", "jquery 선택기 사용 요약" 및 "jQuery 일반 플러그인 및 사용 요약"

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.