JQUERY SVAKI() METODA

The svaki() metoda u jQueryju navodi funkciju koja se pokreće za svaki podudarni element. To je jedna od široko korištenih metoda prelaženja u JQueryju. Pomoću ove metode možemo iterirati po DOM elementima jQuery objekta i možemo izvršiti funkciju za svaki podudarni element.

The svaki() prihvaća parametar funkcija (indeks, element) što je funkcija povratnog poziva koja se izvršava za svaki odabrani element. Ova funkcija dodatno opcionalno zahtijeva dva parametra koji su indeks i element. Dakle, moramo proslijediti funkciju povratnog poziva metodi each().

Možemo se i vratiti lažno iz funkcije povratnog poziva za rano zaustavljanje petlje.

Sintaksa

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

Vrijednosti parametara

Vrijednosti parametara korištene u svaki() metode definirane su kako slijedi.

funkcija(indeks,element): To je obavezan parametar. To je funkcija povratnog poziva koja se izvršava za svaki odabrani element. Ima dvije vrijednosti parametra koje su definirane na sljedeći način.

indeks:To je cjelobrojna vrijednost koja određuje poziciju indeksa selektora.element:To je trenutni element. Ovu ključnu riječ možemo upotrijebiti za upućivanje na trenutno podudarni element.

Pogledajmo neke ilustracije da bismo razumjeli svaki() metoda jasno.

Primjer1

U ovom primjeru, svaki() metoda će se pokrenuti klikom na gumb. Ovu metodu primjenjujemo na da elementi. Dakle, ova će metoda ponavljati svaki da element. Funkcija se izvršava za svaki odabrani da i prikazuje tekst odgovarajućeg da element koji koristi okvir upozorenja.

Ovdje ne koristimo vrijednosti parametara funkcije povratnog poziva.

 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()) }); }); }

Izlaz

Testirajte sada

Nakon izvršenja gornjeg koda, izlaz će biti -

Klikom na gumb prikazat će se upozorenje na sljedeći način.

Slično će se prikazati četiri okvira upozorenja zbog četiri da elementi.

Primjer2

U ovom primjeru koristimo vrijednosti parametara funkcije povratnog poziva koje su indeks i element .

Primjenjujemo svaki() metoda na da elementi. Dakle, metoda će iterirati preko li elemenata počevši od indeksa 0 . Izvršit će se na svakom odabranom da element i promijeniti boju pozadine odgovarajućeg elementa.

Iteracija se zaustavlja kada se funkcija vrati lažno . Evo, ima ih šest da elemenata, a funkcija se zaustavlja kada dođe do elementa s id = 'i4' . Iako je to četvrti element, ali indeks počinje od 0 , pa je položaj elementa 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; } }); }); }