suchen

Heim >tägliche Programmierung >HTML-Kenntnisse >So schleifen Sie Ausgabe-Array-Elemente in JQuery

So schleifen Sie Ausgabe-Array-Elemente in JQuery

藏色散人
藏色散人Original
2018-12-13 15:33:2014461Durchsuche

Verwenden Sie JQuery, um die Array-Elemente zu durchlaufen, d. h. alle Werte im Array. Dazu können wir die Methode jQuery.each() oder $.each() verwenden um nahtlos zu iterieren, d. h. jede Sammlung zu durchlaufen, egal ob es sich um ein Objekt oder ein Array handelt.

So schleifen Sie Ausgabe-Array-Elemente in JQuery

Im Folgenden stellen wir Ihnen anhand spezifischer Codebeispiele die Methode vor, mit der JQuery die Elemente des Ausgabearrays in einer Schleife durchläuft .

Das Codebeispiel lautet wie folgt: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery循环遍历输出数组元素示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var arr= ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
            $.each(arr, function(index, value){
                $("#result").append(index + ": " + value + &#39;<br>&#39;);
            });
        });
    </script>
</head>
<body>
</body>
<div id="result"></div>
</html>

$.each()Es gibt zwei Parameter in der Methode, der erste Parameter ist der Name des zu erstellenden Arrays Schleife und der zweite Parameter Der Parameter ist eine Methode.

Hier definieren wir ein arr-Array, und dann übergibt in dieser Methode jeder Rückruf einen Array-Index (Index) und den entsprechenden Array-Wert (Wert) und übergibt dann append() Die Methode gibt das Ergebnis der Schleife durch den angegebenen Array-Wert aus.

Das Ergebnis ist wie folgt:

So schleifen Sie Ausgabe-Array-Elemente in JQuery

Hinweis: Die Methode append() steht am Ende des ausgewählten Elements (immer noch intern) Fügen Sie den angegebenen Inhalt ein. Mit dieser Funktion können wir den Inhalt anhängen. Die Funktion

each() kapselt eine sehr leistungsstarke Traversalfunktion, die eindimensionale Arrays, mehrdimensionale Arrays, DOM, JSON usw. durchlaufen kann. Die Methode every() gibt eine Funktion an, die für jedes übereinstimmende Element ausgeführt werden soll.

Dieser Artikel ist eine Einführung in die spezifische Methode der JQuery-Schleife zur Ausgabe von Array-Elementwerten. Er ist leicht zu verstehen und ich hoffe, dass er für Freunde in Not hilfreich sein wird!

Das obige ist der detaillierte Inhalt vonSo schleifen Sie Ausgabe-Array-Elemente in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

json jquery 多维数组 封装 循环 append 对象 dom
Stellungnahme：
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
Vorheriger Artikel：So ermitteln Sie, ob ein Objekt in JS ein Array istNächster Artikel：So ermitteln Sie, ob ein Objekt in JS ein Array ist

In Verbindung stehende Artikel

Mehr sehen