Petak 24 travanj, 2009

jQuery: svaki ()

jquery .each() Ponekad želite obraditi više elemenata iz HTML dokumenta, npr. za vrednovanje obliku, ili bilo koji element za obradu. U jQuery, spremna da djeluje, što nam omogućava preuzimanje sve elemente dokumenta, prema DOM.

Na primjer, što predstavlja glavni cilj je biti povučena slučajnih brojeva u rasponu 1-100, za svaku vrstu polja za unos teksta tipa.

Kod

Sve kod odgovorni za ovaj zadatak će biti kako slijedi:

  Funkcija rand (n)
 {
 povratak (Math.floor (Math.random () * n +1));
 }

 $ (Funkcija () {
 $ ('# Random "). Kliknite (funkcija () {
 $ ("Input [type = text]"). Svaki (funkcija () {
 $ (Ovo) Val (rand (100)).;
 });
 povratak false;
 });
 }); 

Objašnjenje

Proglašen dodatnu funkciju randa () koja vraća broj od 1 do N. Tada, nakon učitavanja dokument, provjerite da li ste napravili kliknite događaj (klik), element s id = slučajan, ako je tako, preuzeli dokument, svi ulazni elementi, tip tekst, pomoću njih. Ova funkcija vraća id od svakog dodatnog predmeta, dakle, u svakoj (funkcija () {kod}), to će ukazati na trenutno preuzetu stavku. Koristite Val (), mi dodijeliti izvučene ždrijebom broja, pozivom randa () s 100, koji ćemo vratiti potrebnu cijeli broj. Na kraju, skrećemo na false (element na koji kliknete, ne da nam se preusmjeriti na bilo koje druge osobe, ako takvu vezu).

Naravno, ne postoji ništa na putu, čak i preporuča se primjenjivati ​​dodatni razred na ulazu, a odnose se samo na područjima s određenom razredu:

  $ ("Input [type = text]. ClassName"). Svaki (funkcija () { 

Tada će se redak promijeniti. Svaka ibid., Koji će nam omogućiti da se odnosi na različitim područjima, te ih grupirati (samo dodati class = "ClassName" za unos oznake).

Također možemo podijeliti prema polje. se odnosi na specifične oblike, na primjer: # jakiesID input.nazwaKlasy obrasca (svi ulazni elementi tipa class = "ClassName", u obliku sa id = "jakiesID"), ali, naravno, može biti bilo koja kombinacija broja i broja kombinacija zapravo ovisi o permutacija svih tagova u dokumentu, u kojem se element odabran.

Kod izgleda ovako:

  $ ("Obrazac # jakiesID input.nazwaKlasy"). Svaki (funkcija () { 

Demo

Demonstracija skripte se mogu naći u jednoj od nedavno završenih mojih projekata:

Općenito sustavi - Univerzalni Rute


Ostale stavke

Kategorije: Jquery
Možete udarac bilo koji reakcija to ovaj ulaz preko feed RSS 2.0 . Također možete napisati svoje komentare , ili na link na ovaj post na vašoj stranici.

10 Komentar / a

25. travanj 2009

Lijep primjer - sve jednostavno i jasno. Međutim, ja bih pomislio uzimanja primjer koji će pokazati da li imamo situaciju kao što je na nekoliko oblika ili više polja - to jest, kao što piše na kraju razreda primjer imati polje popuniti samo one koje želite. Stvar čini se da je očito, ali za početnike vjerojatno kao primjer bi biti donesen : D Pozdro


28. travanj 2009
admin

U pravu si, ja sam napravio odgovarajuću nadogradnju.


28. travanj 2009

Pa, sada elegantno - vjerojatno početnik kao "pomoćni" primjer je više koristan nego "dry" opis ;)


23 siječanj 2010

To je bio obličje za. Dean.


Studeni 17, 2010
Nestajati

Što je uređen demo? Sama po sebi nema prijavite se i unijeti gram JS na bez lozinke ...? Ja razumijem da je to propust?
Primjer kako takav jasno objasnio :) To je hvale.


Prosinac 28, 2010

Vrlo lijep przykładzik ;)


11. rujan 2011

Ja bi mislio uzimanja primjer koji pokazuje da je takva situacija, ako smo na nekoliko oblika ili više polja - to jest, kao što piše na kraju, na primjer imati klasa polje popuniti samo one koje želite. Stvar Čini se da se očigledan, ali za početnike Takav primjer bi vjerojatno prošlo


23. studeni 2011

Vrlo korisno. Pozdro :)


10. prosinca 2011

Na kredit krediti Čini se da su korisna za dečke, koji su voljni pokrenuti vlastiti posao. U stvari, to je lako dobiti bankovni kredit.


9. travanj 2012

Bok
Fantastičan pisati-up, prvoklasna priča to je definitivno, to je jednako važno strahovito lijepo strukturirani nakon
Hvala!


  • Obraz CAPTCHY
    Osvježi sliku
    *

    Spam zaštita od WP-SpamFree