Der jede() Die Methode in jQuery gibt eine Funktion an, die für jedes übereinstimmende Element ausgeführt wird. Es ist eine der am weitesten verbreiteten Traversierungsmethoden in JQuery. Mit dieser Methode können wir über die DOM-Elemente des jQuery-Objekts iterieren und für jedes übereinstimmende Element eine Funktion ausführen.
Der jede() akzeptiert einen Parameter Funktion(Index,Element) Dabei handelt es sich um eine Rückruffunktion, die für jedes ausgewählte Element ausgeführt wird. Diese Funktion erfordert außerdem optional zwei Parameter, nämlich Index und Element. Wir müssen also eine Rückruffunktion an die Methode every() übergeben.
Byte-Array in String umwandeln
Wir können auch zurückkehren FALSCH von der Callback-Funktion, um die Schleife vorzeitig zu stoppen.
Syntax
$(selector).each(function(index, element))
Parameterwerte
Die in verwendeten Parameterwerte jede() Methode sind wie folgt definiert.
Funktion(Index,Element): Es handelt sich um einen obligatorischen Parameter. Es handelt sich um eine Rückruffunktion, die für jedes ausgewählte Element ausgeführt wird. Es verfügt über zwei Parameterwerte, die wie folgt definiert sind.
Sehen wir uns einige Abbildungen an, um das zu verstehen jede() Methode klar.
Beispiel 1
In diesem Beispiel ist die jede() Die Methode wird beim Klicken auf die Schaltfläche ausgelöst. Wir wenden diese Methode auf die an Das Elemente. Diese Methode wird also alle durchlaufen Das Element. Die Funktion wird für jeden ausgewählten ausgeführt Das und zeigt den entsprechenden Text an Das Element mithilfe der Benachrichtigungsbox.
Hier verwenden wir nicht die Parameterwerte der Callback-Funktion.
MySQL-Update beitreten
jQuery each() method <h2> Welcome to the javaTpoint.com </h2> <ul> <li> First element </li> <li> Second element </li> <li> Third element </li> <li> Fourth element </li> </ul> <p> Click the following button to see the list of <b> li </b> elements. </p> Click me function fun(){ $(document).ready(function(){ $('li').each(function(){ alert($(this).text()) }); }); } Ausgabe
Testen Sie es jetztNach der Ausführung des obigen Codes lautet die Ausgabe:
Wenn Sie auf die Schaltfläche klicken, wird eine Warnung wie folgt angezeigt.
Ebenso werden aufgrund von vier Warnfeldern vier angezeigt Das Elemente.
Versandhandel-Traversal-Binärbaum
Beispiel2
In diesem Beispiel verwenden wir die Parameterwerte der Callback-Funktion Index Und Element .
Wir wenden die an jede() Methode auf Das Elemente. Die Methode iteriert also ausgehend vom Index über die li-Elemente 0 . Es wird bei jedem ausgewählten ausgeführt Das Element und ändern Sie die Hintergrundfarbe des entsprechenden Elements.
Die Iteration stoppt, sobald die Funktion zurückkehrt FALSCH . Hier sind es sechs Das Elemente, und die Funktion stoppt, wenn sie das Element mit erreicht id = 'i4' . Es ist zwar das vierte Element, aber der Index beginnt bei 0 , also ist die Position des Elements 3 .
jQuery each() method body{ text-align: center; } ul{ list-style-type: none; float: left; } li { width: 40px; height: 40px; margin: 5px; padding: 5px; font-size: 20px; float: left; border: 2px solid blue; } button{ font-size: 20px; } <h2> Welcome to the javaTpoint.com </h2> <ul> <li> 1 </li> <li> 2 </li> <li> 3 </li> <li id="i4"> Stop </li> <li> 5 </li> <li> 6 </li> </ul> Click me function fun() { $(document).ready(function(){ $('li').each(function(index, element) { $(element).css('background', 'lightgreen'); if ($(this).is('#i4')) { $('p').text('Index begins with 0. So, the function stopped at position: ' + index ).css('fontSize', '20px'); return false; } }); }); } Ausgabe
aus CSV-Java lesenTesten Sie es jetzt
Nach der Ausführung des obigen Codes und dem Klicken auf die angegebene Schaltfläche lautet die Ausgabe:
