TechCodeview

Тхе сваки() метода у јКуери-ју специфицира функцију која се покреће за сваки подударни елемент. То је један од широко коришћених метода преласка у ЈКуери-ју. Користећи овај метод, можемо итерирати преко ДОМ елемената јКуери објекта и можемо извршити функцију за сваки подударни елемент.

Тхе сваки() прихвата параметар функција (индекс, елемент) што је функција повратног позива која се извршава за сваки изабрани елемент. Ова функција даље опционо захтева два параметра који су индекс и елемент. Дакле, морамо проследити функцију повратног позива методу евери().

Можемо се и вратити лажно из функције повратног позива за рано заустављање петље.

Синтакса

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

Вредности параметара

Вредности параметара које се користе у сваки() методе су дефинисане на следећи начин.

функција (индекс, елемент): То је обавезан параметар. То је функција повратног позива која се извршава за сваки изабрани елемент. Има две вредности параметара које су дефинисане на следећи начин.

индекс:То је целобројна вредност која специфицира позицију индекса селектора.елемент:То је тренутни елемент. Ову кључну реч можемо да користимо за упућивање на елемент који се тренутно подудара.

Хајде да видимо неке илустрације да бисмо разумели сваки() метод јасно.

Пример1

У овом примеру, сваки() метод ће се покренути кликом на дугме. Овај метод примењујемо на то елемената. Дакле, ова метода ће понављати сваки то елемент. Функција се извршава за сваки изабрани то и приказује текст одговарајућег то елемент помоћу поља за упозорење.

Овде не користимо вредности параметара функције повратног позива.

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

Излаз

Након извршења горњег кода, излаз ће бити -

Када кликнете на дугме, биће приказано упозорење на следећи начин.

Слично томе, четири поља упозорења ће бити приказана због четири то елемената.

Пример2

У овом примеру користимо вредности параметара функције повратног позива које су индекс и елемент .

Ми примењујемо сваки() метод на то елемената. Дакле, метода ће итерирати преко ли елемената почевши од индекса 0 . Извршиће се на сваком изабраном то елемент и промените боју позадине одговарајућег елемента.

Итерација се зауставља када се функција врати лажно . Ево их шест то елемената, а функција се зауставља када дође до елемента са ид = 'и4' . Иако је то четврти елемент, али индекс почиње на 0 , па је позиција елемента 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; } }); }); } 

Излаз

Након извршења горњег кода и клика на дато дугме, излаз ће бити -