jQuery: Varje ()

Ibland vill man bearbeta flera element från ett HTML-dokument, t.ex. för validering av formuläret eller någon bearbetning element. I jQuery är redo att fungera, vilket gör att vi kan ladda ner alla element i dokumentet, enligt DOM.

I exemplet, som företräder den huvudsakliga mål är att dras slumpmässigt heltal från området 1-100, för varje typ av inmatningsfält av typen text.

Kod

All kod som ansvarar för denna uppgift kommer att vara följande:

  Funktionen rand (n)
 {
 avkastning (Math.floor (Math.random () * n +1));
 }

 $ (Function () {
 $ ('# Random "). Klicka på (function () {
 $ ("Input [type = text]"). Varje (function () {
 $ (Detta) Val (rand (100)).;
 });
 return false;
 });
 }); 

Förklaring

Förklarade en ytterligare funktion rand () som returnerar ett nummer från 1 till N. Sedan, efter laddning av dokumentet, kontrollera om du gjort en click-händelse (klicka), elementet med id = slumpmässigt i så fall hämta dokumentet, alla ingående delar, typ text med hjälp av alla. Denna funktion returnerar ID för varje ytterligare post, alltså inom varje (function () {kod}), detta anger för närvarande nedladdade objektet. Använd val (), tilldelar vi en utdragen genom lottning nummer, genom att anropa rand () med 100, som vi återkommer önskad heltal. Slutligen vänder vi oss till falskt (elementet som du klickar på, inte omdirigera oss till någon annan part, om ett sådant samband).

Naturligtvis finns det inget i vägen, även om det rekommenderas att använda ytterligare en klass i in-och avser endast fält med den angivna klassen:

  $ ("Input [type = text]. ClassName"). Varje (function () { 

Då linjen kommer att ändras. Varje ibid., Som gör det möjligt för oss att hänvisa till olika områden, och gruppera dem (bara att lägga class = "ClassName" på ingången taggen).

Också att vi kan dela upp fältet enligt. hänvisning till de specifika former, till exempel: # jakiesID input.nazwaKlasy form (alla ingångselementen i typ av klass = "ClassName", inuti formen med id = "jakiesID"), men givetvis kan vara en kombination av antal och antal kombinationer faktiskt beror på de permutationer av alla de taggar i dokumentet, där elementet är valt.

Koden ser ut så här:

  $ ("Form # jakiesID input.nazwaKlasy"). Varje (function () { 

Demo

Demonstrationen av skriptet finns i ett av de nyligen avslutade mina projekt:

General Systems - Universal Rutter

Vara social, dela!

• 

Andra poster

• XNA: Vad finns på horisonten?
• Nytt år
• Yii: Mekanismen för den sessionen
• Visual Studio 2008: Problem med * XAML.?
• Windows Phone 7 och XNA