JQUERY EVERY() METODI

The katrs() jQuery metode norāda funkciju, kas darbojas katram saskaņotajam elementam. Tā ir viena no JQuery plaši izmantotajām šķērsošanas metodēm. Izmantojot šo metodi, mēs varam atkārtot jQuery objekta DOM elementus un izpildīt funkciju katram saskaņotajam elementam.

The katrs() pieņem parametru funkcija (indekss, elements) kas ir atzvanīšanas funkcija, kas tiek izpildīta katram atlasītajam elementam. Šai funkcijai papildus ir nepieciešami divi parametri, kas ir indekss un elements. Tātad, mums ir jānodod atzvanīšanas funkcija katrai () metodei.

Varam arī atgriezties viltus no atzvanīšanas funkcijas, lai agri apturētu cilpu.

Sintakse

 $(selector).each(function(index, element))

Parametru vērtības

Izmantotās parametru vērtības katrs() metode ir definētas šādi.

funkcija (indekss, elements): Tas ir obligāts parametrs. Tā ir atzvanīšanas funkcija, kas tiek izpildīta katram atlasītajam elementam. Tam ir divas parametru vērtības, kas definētas šādi.

indekss:Tā ir vesela skaitļa vērtība, kas norāda atlasītāja indeksa pozīciju.elements:Tas ir pašreizējais elements. Mēs varam izmantot šo atslēgvārdu, lai atsauktos uz pašlaik atbilstošo elementu.

Apskatīsim dažas ilustrācijas, lai saprastu katrs() metode skaidri.

Piemērs1

Šajā piemērā katrs() metode tiks aktivizēta, noklikšķinot uz pogas. Mēs izmantojam šo metodi ka elementi. Tātad šī metode tiks atkārtota katrā ka elements. Funkcija tiek izpildīta katram atlasītajam ka un parāda atbilstošā tekstu ka elements, izmantojot brīdinājuma lodziņu.

Šeit mēs neizmantojam atzvanīšanas funkcijas parametru vērtības.

 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(){ $(&apos;li&apos;).each(function(){ alert($(this).text()) }); }); }

Izvade

Izmēģiniet to tūlīt

Pēc iepriekš minētā koda izpildes izvade būs -

Noklikšķinot uz pogas, tiks parādīts šāds brīdinājums.

Līdzīgi tiks parādīti četri brīdinājuma lodziņi, jo četri ka elementi.

Piemērs2

Šajā piemērā mēs izmantojam atzvanīšanas funkcijas parametru vērtības, kas ir rādītājs un elements .

Mēs piemērojam katrs() metode ieslēgta ka elementi. Tātad metode atkārtos li elementus, sākot no indeksa 0 . Tas tiks izpildīts katram atlasītajam ka elementu un mainīt attiecīgā elementa fona krāsu.

Iterācija apstājas, tiklīdz funkcija atgriežas viltus . Šeit ir seši ka elementi, un funkcija apstājas, kad tā sasniedz elementu ar id = 'i4' . Lai gan tas ir ceturtais elements, bet indekss sākas plkst 0 , tātad elementa pozīcija ir 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(){ $(&apos;li&apos;).each(function(index, element) { $(element).css(&apos;background&apos;, &apos;lightgreen&apos;); if ($(this).is(&apos;#i4&apos;)) { $(&apos;p&apos;).text(&apos;Index begins with 0. So, the function stopped at position: &apos; + index ).css(&apos;fontSize&apos;, &apos;20px&apos;); return false; } }); }); }