Rumah > Artikel > hujung hadapan web > Kaedah pelaksanaan mudah jQuery menggunakan $.each untuk merentasi json array_jquery

Kaedah pelaksanaan mudah jQuery menggunakan $.each untuk merentasi json array_jquery

WBOYasal: 2016-05-16 15:05:082220semak imbas

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.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Cara menggunakan komponen JS Bootstrap ContextMenu kemahiran menu_javascript klik kananArtikel seterusnya：Cara menggunakan komponen JS Bootstrap ContextMenu kemahiran menu_javascript klik kanan

Artikel berkaitan

Lihat lagi