Bagaimana untuk melintasi dalam jQuery? Analisis ringkas beberapa kaedah traversal

Bagaimana untuk melintasi dalam jQuery? Artikel berikut akan berkongsi dengan anda beberapa jQuery cara untuk melintasi objek saya harap ia akan membantu anda.

Beberapa cara jQuery traversal

Kita semua tahu bahawa kaedah js traversal ialah: for (nilai permulaan; keadaan akhir gelung ; saiz langkah) Contohnya:

 for (var i = 0; i < 3; i++) {//循环体}

jQuery traversal mempunyai penggunaan berikut:

1.jq object.each(callback) atau pilih Device .each(callback)[Pembelajaran yang disyorkan: tutorial video jQuery]

Nilai pulangan panggilan balik akan diterangkan pada penghujung

1.1 Fungsi panggil balik tidak mengambil parameter (*Nota: Panggilan balik jenis ini tanpa parameter hanya boleh mendapatkan setiap objek elemen dalam koleksi, tetapi bukan nilai indeks yang sepadan dan hanya boleh dihantar ini untuk mendapatkan objek)

-> Sintaks: jquery object.each(function(){});

//html
<ul id="course">
    <li>js</li>
    <li>java</li>
    <li>C++</li>
    <li>jq</li>
</ul>

//实例
$("button").click(function(){
  $("#course li").each(function(){
    alert($(this).html());//jq获取方式
    alert(this.innerHTML);//js获取方式
  });
});

1.2 fungsi Dengan parameter (*Anda boleh mendapatkan indeks indeks, dan terdapat dua cara untuk mendapatkan objek elemen, seperti berikut)

-> ){}) ;

• indeks: ialah indeks elemen dalam koleksi
• elemen: ialah setiap elemen objek dalam koleksi
• ini: setiap elemen objek dalam koleksi

//实例
  $("#course li").each(function (index, item) {
			//3.1 获取 li对象 第一种方式 this
            //alert(this.innerHTML);//js获取
            //alert($(this).html());//jq获取
            /*3.2 获取 li对象 第二种方式
             在回调函数中定义参数 index（索引）item（元素对象）*/
           // alert(index+":"+item.innerHTML);
            alert(index+":"+$(item).html());
}

2.jQuery.each(objek, [panggilan balik])

The nilai pulangan panggilan balik ialah penjelasan lanjut yang terakhir

2.1 Fungsi panggil balik tidak mengambil parameter (*Kesannya serupa dengan 1.1, objek hanya boleh diperoleh melalui ini)

-> Sintaks ：$.each(objek,fungsi(){});

$.each($("#course li"),function () {
              //alert($(this).html());//jq获取方式
   			  alert(this.innerHTML);//js获取方式
         });

2.2.2.2 , kesannya serupa dengan 1.2, tetapi kaedah penulisannya berbeza, seperti berikut)

->Sintaks: $.each(objek,fungsi(){index,item});

• indeks: ialah indeks elemen dalam koleksi
• item: ialah setiap objek elemen dalam koleksi
• ini: setiap objek elemen dalam koleksi

$.each($("#course li"),function (index,item) {
             //3.1 获取 li对象 第一种方式 this
           // alert(this.innerHTML);//js获取
           // alert($(this).html());//jq获取
            /*3.2 获取 li对象 第二种方式
             在回调函数中定义参数 index（索引）item（元素对象）*/
            //alert(index+":"+item.innerHTML);
            alert(index+":"+$(item).html());
         });

3 untuk …daripada: Kaedah yang disediakan selepas versi jquery 3.0 (*Faham)

-> Sintaks: untuk (objek elemen objek bekas)

   for (li of $("#course li")) {
            alert($(li).html());
        }

4.

benar: Jika fungsi semasa kembali palsu, tamatkan gelung (putus).
salah: Jika fungsi semasa kembali benar, tamatkan gelung ini dan teruskan gelung seterusnya (teruskan)

Contohnya:

  $.each($("#course li"), function (index, item) {
            //判断如果是java，则结束循环
            if ("java" == $(item).html()) {
                //如果当前function返回为false，则结束循环(break)。
                //如果返回为true，则结束本次循环，继续下次循环(continue)
                return false;	
            }
            alert($(this).html());//此时前端页面只会弹出第一个值js
        });
        
  $.each($("#course li"), function (index, item) {
            //判断如果是java，则结束循环
            if ("java" == $(item).html()) {
                //如果当前function返回为false，则结束循环(break)。
                //如果返回为true，则结束本次循环，继续下次循环(continue)
                return true;	
            }
            alert($(this).html());//此时前端页面会依次弹出js,C++jq,不会弹出java
        });

(Belajar Video perkongsian:

bahagian hadapan web)

Atas ialah kandungan terperinci Bagaimana untuk melintasi dalam jQuery? Analisis ringkas beberapa kaedah traversal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!