JQUERY MINDEN() METÓDUS

A minden egyes() A jQuery metódusa meghatároz egy függvényt, amely minden illeszkedő elemre fut. Ez a JQuery egyik széles körben használt bejárási módszere. Ezzel a módszerrel ismételhetünk a jQuery objektum DOM-elemei között, és minden illeszkedő elemhez végrehajthatunk egy függvényt.

gyári módszer tervezési minta

A minden egyes() paramétert fogad el függvény (index, elem) amely egy visszahívási függvény, amely minden kiválasztott elemre végrehajtódik. Ehhez a funkcióhoz további két paraméterre van szükség, ezek az index és az elem. Tehát egy visszahívási függvényt kell átadnunk az every() metódusnak.

Vissza is térhetünk hamis a visszahívási funkcióból a hurok korai leállításához.

Szintaxis

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

Paraméterértékek

-ban használt paraméterértékek minden egyes() módszert az alábbiak szerint határozzuk meg.

függvény(index,elem): Ez egy kötelező paraméter. Ez egy visszahívási függvény, amely minden kiválasztott elemre végrehajtódik. Két paraméterértéke van, amelyek az alábbiak szerint vannak definiálva.

hármas tél

index:Ez egy egész szám, amely a választó indexpozícióját határozza meg.elem:Ez az aktuális elem. Ezzel a kulcsszóval hivatkozhatunk az aktuálisan egyező elemre.

Nézzünk néhány illusztrációt a megértéshez minden egyes() módszer egyértelműen.

Példa1

Ebben a példában a minden egyes() módszer aktiválódik a gombra kattintva. Ezt a módszert alkalmazzuk a hogy elemeket. Tehát ez a módszer mindegyiken ismétlődik hogy elem. A funkció minden kiválasztott esetén végrehajtódik hogy és megjeleníti a megfelelő szövegét hogy elem riasztási mező használatával.

Itt nem a visszahívási függvény paraméterértékeit használjuk.

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

Kimenet

Tesztelje most

A fenti kód végrehajtása után a kimenet a következő lesz:

A gombra kattintva a következő figyelmeztetés jelenik meg.

Hasonlóképpen négy figyelmeztető mező jelenik meg négy miatt hogy elemeket.

add a tömbbe java

Példa2

Ebben a példában a visszahívási függvény paraméterértékeit használjuk index és elem .

singleton design

Alkalmazzuk a minden egyes() módszer bekapcsolva hogy elemeket. Tehát a metódus az indextől kezdve az li elemeket iterálja 0 . Minden kiválasztottnál végrehajtódik hogy elemet, és módosítsa a megfelelő elem háttérszínét.

Az iteráció leáll, amint a függvény visszatér hamis . Itt van hat hogy elemeket, és a függvény leáll, amikor eléri a -val elemet id = 'i4' . Bár ez a negyedik elem, de az index kezdete 0 , tehát az elem helyzete az 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; } }); }); }