2022.2

elementdirectlyviathethisobject.See"Settingthescopeofascript"onpage373and"this"
onpage781.
each(callback)
Iteratesovertheelementsinaset,suchastheenumerablepropertiesofanobject,inarbitraryorder.
Foreachdistinctproperty,statementscanbeexecuted.
callback
Afunction.Thecallbackfunctionispassedtheiterationindexandthecurrentelement.Inthescopeof
thecallbackfunction,thisreferstothecurrentelement.
Examples
Thefollowingscriptsdemonstrateasimpleiterationovertheelementsintheresults(thesetof
HTMLelementsthatmatchtheselectorofthescript).
Thefirstscriptsetsthebackgroundcolorofeachoftheelementstored.(Thisisjusttodemonstrate
howthisfunctionworks.ItiseasiertochangethestyleofasetofHTMLelementsusingthecss()func-
tion;see"css()"onpage796.)
results.each(function(index){
results[index].css('background-color','red');
});
Thisscriptaddsarandomintegertoeachelementintheresultset.
results.each(function(index){
var test = Math.floor((Math.random() * 10) + 1);
this.html(test);
});

Selector Matched ele-
ment
Matched element after script exe-
cution
p <p></p>
<p></p>
<p></p>
<p>3</p>
<p>1</p>
<p>7</p>
Thenextscriptgetstherowindex(ofthecurrentelementintheset)andputsitinaparagraph.
results.each(function(index){
this.text(index);
}
Page 717