METODA JQUERY EVERY().

The každý() metoda v jQuery určuje funkci, která se spustí pro každý odpovídající prvek. Je to jedna z široce používaných metod procházení v JQuery. Pomocí této metody můžeme iterovat prvky DOM objektu jQuery a provést funkci pro každý odpovídající prvek.

The každý() přijímá parametr funkce (index, prvek) což je funkce zpětného volání, která se provádí pro každý vybraný prvek. Tato funkce dále volitelně vyžaduje dva parametry, kterými jsou index a prvek. Takže musíme předat funkci zpětného volání do metody every().

Můžeme se také vrátit Nepravdivé z funkce zpětného volání k předčasnému zastavení smyčky.

Syntax

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

Hodnoty parametrů

Hodnoty parametrů použité v každý() metody jsou definovány následovně.

funkce (index, prvek): Je to povinný parametr. Je to funkce zpětného volání, která se provádí pro každý vybraný prvek. Má dvě hodnoty parametrů, které jsou definovány následovně.

index:Je to celočíselná hodnota, která určuje pozici indexu selektoru.živel:Je to aktuální prvek. Toto klíčové slovo můžeme použít k odkazování na aktuálně odpovídající prvek.

Podívejme se na několik ilustrací, abychom to pochopili každý() metoda jasně.

Příklad1

V tomto příkladu je každý() metoda se spustí po kliknutí na tlačítko. Tuto metodu aplikujeme na že Prvky. Takže tato metoda bude opakovat každou z nich že živel. Funkce se provede pro každý vybraný že a zobrazí odpovídající text že prvek pomocí výstražného pole.

Zde nepoužíváme hodnoty parametrů funkce zpětného volání.

mysql vytvořit uživatele

 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ýstup

Otestujte to hned

Po provedení výše uvedeného kódu bude výstupem -

seřadit pole java

Po kliknutí na tlačítko se zobrazí následující upozornění.

Podobně se zobrazí čtyři výstražná pole ze čtyř že Prvky.

Příklad2

V tomto příkladu používáme hodnoty parametrů funkce zpětného volání, které jsou index a živel .

Uplatňujeme každý() metoda zapnuta že Prvky. Metoda tedy bude iterovat prvky li počínaje indexem 0 . Provede se u každého vybraného že prvek a změnit barvu pozadí odpovídajícího prvku.

Iterace se zastaví, jakmile se funkce vrátí Nepravdivé . Tady je šest že prvků a funkce se zastaví, když dosáhne prvku s id = 'i4' . Je to sice čtvrtý prvek, ale index začíná 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; } }); }); }