JQUERY EVERY() METÓDA

The každý() metóda v jQuery určuje funkciu, ktorá sa spúšťa pre každý zhodný prvok. Je to jedna zo široko používaných metód prechodu v JQuery. Pomocou tejto metódy môžeme iterovať prvky DOM objektu jQuery a vykonať funkciu pre každý zodpovedajúci prvok.

The každý() akceptuje parameter funkcia (index, prvok) čo je funkcia spätného volania, ktorá sa vykonáva pre každý vybraný prvok. Táto funkcia ďalej voliteľne vyžaduje dva parametre, ktorými sú index a prvok. Takže musíme odovzdať funkciu spätného volania do metódy every().

Môžeme sa aj vrátiť falošný z funkcie spätného volania, aby sa slučka predčasne zastavila.

huffmanov kódovací kód

Syntax

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

Hodnoty parametrov

Hodnoty parametrov použité v každý() metódy sú definované nasledovne.

funkcia (index, prvok): Je to povinný parameter. Je to funkcia spätného volania, ktorá sa vykonáva pre každý vybraný prvok. Má dve hodnoty parametrov, ktoré sú definované nasledovne.

index:Je to celočíselná hodnota, ktorá určuje pozíciu indexu selektora.element:Je to aktuálny prvok. Toto kľúčové slovo môžeme použiť na odkazovanie na aktuálne priradený prvok.

Pozrime sa na niekoľko ilustrácií, aby sme to pochopili každý() metóda jasne.

Príklad 1

V tomto príklade každý() metóda sa spustí po kliknutí na tlačidlo. Túto metódu aplikujeme na že prvkov. Takže táto metóda bude opakovať každý že element. Funkcia sa vykoná pre každý vybraný že a zobrazí príslušný text že prvok pomocou výstražného poľa.

Tu nepoužívame hodnoty parametrov funkcie spätného volania.

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

Výkon

ako tlačiť java

Vyskúšajte to

Po vykonaní vyššie uvedeného kódu bude výstupom -

Po kliknutí na tlačidlo sa zobrazí nasledujúce upozornenie.

Podobne sa zobrazia štyri výstražné polia kvôli štyrom že prvkov.

aké mesiace sú q3

Príklad2

V tomto príklade používame hodnoty parametrov funkcie spätného volania, ktoré sú index a element .

Uplatňujeme každý() metóda zapnutá že prvkov. Metóda teda bude iterovať prvky li počnúc indexom 0 . Spustí sa na každom vybranom že prvku a zmeniť farbu pozadia príslušného prvku.

Iterácia sa zastaví, keď sa funkcia vráti falošný . Tu je šesť že prvkov a funkcia sa zastaví, keď dosiahne prvok s id = 'i4' . Je to síce štvrtý prvok, ale index začína na 0 , takže poloha prvku je 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; } }); }); }