Contoh dalam artikel ini menerangkan kaedah pelaksanaan mudah jQuery menggunakan $.each untuk merentasi tatasusunan json. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
<!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>
Kaedah $().setiap() objek jquery, kaedah ini boleh digunakan untuk mengulangi sebarang objek
Fungsi panggil balik mempunyai dua parameter:
Yang pertama ialah ahli objek atau indeks tatasusunan
Gelung melalui tatasusunan, menggunakan kedua-dua indeks elemen dan kandungan
$.each( [0,1,2], function(index, content){ alert( "item #" + index + " its value is: " + content ); });
Yang kedua ialah pembolehubah atau kandungan yang sepadan
Jika anda perlu keluar dari setiap gelung, anda boleh menjadikan fungsi panggil balik kembali palsu dan nilai pulangan lain akan diabaikan.
jquery.each(obj,fn,arg)
Kaedah ini mempunyai tiga parameter: objek obj untuk dikendalikan, fungsi fn untuk dikendalikan dan parameter fungsi args.
objek 1.obj ialah tatasusunan
setiap kaedah akan memanggil fungsi fn satu demi satu pada sub-elemen dalam tatasusunan sehingga keputusan dikembalikan dengan memanggil sub-elemen tertentu adalah palsu Dalam erti kata lain, kita boleh memprosesnya dengan fungsi fn yang disediakan buat ia memenuhi syarat tertentu. Hanya keluar dari setiap panggilan kaedah. Apabila setiap kaedah menyediakan parameter arg, parameter yang diluluskan oleh panggilan fungsi fn ialah arg, jika tidak: indeks sub-elemen, sub-elemen itu sendiri
2.obj objek bukan tatasusunan
Perbezaan terbesar antara kaedah ini dan 1 ialah kaedah fn akan dilaksanakan satu demi satu tanpa mengambil kira nilai pulangan. Dalam erti kata lain, semua sifat objek obj akan dipanggil oleh kaedah fn, walaupun fungsi fn mengembalikan palsu. Parameter yang diluluskan dalam panggilan adalah serupa dengan 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; }
Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Ringkasan teknik data json operasi jQuery", "Ringkasan khas penukaran jQuery kesan dan teknik", " Ringkasan kesan dan teknik khas seret dan lepas jQuery", "Ringkasan teknik sambungan jQuery", "Ringkasan jQuery klasik biasa kesan khas", "animasi jQuery dan kesan khas Ringkasan penggunaan ", "ringkasan penggunaan pemilih jquery " dan "pemalam biasa jQuery dan ringkasan penggunaan "
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.