$.each를 사용하여 json array_jquery를 탐색하는 간단한 jQuery 구현 방법
- WBOY원래의
- 2016-05-16 15:05:082220검색
이 기사의 예에서는 $.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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.