Heim > Web-Frontend > js-Tutorial > Wie durchläuft man ein Array in jquery? Zwei gängige Methoden zum Durchlaufen von Arrays in JQuery

Wie durchläuft man ein Array in jquery? Zwei gängige Methoden zum Durchlaufen von Arrays in JQuery

不言
Freigeben: 2018-10-17 09:58:29
Original
6960 Leute haben es durchsucht

In jquery verwenden wir üblicherweise die beiden Methoden $().each und $.each(), um Arrays zu durchlaufen. Die beiden Methoden $().each und $.each() scheinen auf den ersten Blick ähnlich zu sein. Tatsächlich gibt es jedoch Unterschiede zwischen diesen beiden Methoden. Beide Methoden weisen ihre eigenen Eigenschaften für unterschiedliche Operationen auf. Im nächsten Artikel erfahren Sie, wie jquery die beiden Methoden $().each und $.each() verwendet, um Array-Traversal zu implementieren.

Sagen wir nicht viel, gehen wir direkt zum Text~

1. Jquerys Methode zum Durchlaufen von Arrays $().each

Für $ Die ().each-Methode wird häufig in der DOM-Verarbeitung verwendet, wie zum Beispiel im folgenden Beispiel:

$('.list li').each(function(i, ele) {
    console.log(i, ele);
    // console.log(this == ele); // true
    $(this).html(i);
    if ($(this).attr('data-item') == 'do') {
        $(this).html('data-item: do');
    };
})
Nach dem Login kopieren

i: Sequenzwert ele: nur das DOM-Element, das derzeit durchlaufen wird

dies wird derzeit durchlaufen Das durchquerte DOM-Element kann die jQuery-Methode

$(this) == $(ele) nicht aufrufen. Das jquery-Objekt des aktuell durchquerten Elements kann die jQuery-Methode aufrufen, um Dom-Operationen auszuführen

2. Die jquery-Methode zum Durchlaufen eines Arrays, $.each

, hat keinen Rückgabewert. Die unterstützte anonyme Funktion hat 2 Parameter: Wenn sie ein Array durchläuft, ist i der Index des aktuelles Element und n ist der Index des aktuellen Elements

wie folgt:

//数组:i为索引,n为值
$.each( [1,2,3,4], function(i, n){
   console.log( i + ": " + n );
});
Nach dem Login kopieren

Was hier beachtet werden muss:

Verwenden Sie return oder return true, um eine Schleife zu überspringen und mit der Ausführung der nachfolgenden Schleife fortzufahren.

Verwenden Sie return false, um die Ausführung der Schleife zu beenden, aber nicht die Ausführung der Funktion.

Sie können Pause und Fortsetzung nicht verwenden, um Schleifen zu überspringen.

$(this) in $.each unterscheidet sich davon, aber das Durchlaufergebnis ist das gleiche.

Dieser Artikel endet hier. Weitere Informationen zum JQuery-Traversal finden Sie im JQuery-Handbuch.

Das obige ist der detaillierte Inhalt vonWie durchläuft man ein Array in jquery? Zwei gängige Methoden zum Durchlaufen von Arrays in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage