jQuery: each ()
A volte si desidera elaborare più elementi da un documento HTML, ad esempio per la convalida del modulo, o di qualsiasi elemento di elaborazione. In jQuery, è pronto per funzionare, che ci permette di scaricare tutti gli elementi del documento, secondo il DOM.
Nell'esempio, che rappresenta il principale obiettivo viene disegnato numeri interi casuali dal intervallo 1-100, per ciascun tipo di campo di immissione del testo tipo.
Codice
Tutto il codice responsabile di questo compito è la seguente:
funzione rand (n) { return (Math.floor (Math.random () * n +1)); } Funzione $ (() { $ ('# Casuale'). Click (function () { $ ("Input [type = text]"). Each (function () { $ (This) Val (rand (100)).; }); return false; }); });
Spiegazione
Dichiarata rand ulteriore function () che restituisce un numero da 1 a N. Quindi, dopo aver caricato il documento, controllare per vedere se hai fatto un evento click (click), l'elemento con id = casuale, in tal caso, recuperare il documento, tutti gli elementi di input, il tipo di testo, usando ciascuno. Questa funzione restituisce l'id di ogni oggetto aggiuntivo, quindi, all'interno di ogni (function () {code}), questo indica l'elemento attualmente scaricato. Utilizzare il val (), verrà assegnato un estratto dal numero di lotto, chiamando il rand () con 100, che restituirà l'intera richiesta. Infine, ci rivolgiamo a false (l'elemento sul quale si sceglie, non ci reindirizzamento a qualsiasi altra parte, se un tale link).
Naturalmente non vi è nulla nel modo in cui, anche se è consigliabile applicare una classe aggiuntiva in ingresso e si riferiscono solo ai campi con la classe specificata:
$ ("Input [type = text]. ClassName"). Each (function () { Poi la linea cambierà. Ogni ibid., Che ci permetterà di fare riferimento a campi diversi, e raggruppandoli (basta aggiungere class = "ClassName" al tag input).
Inoltre possiamo dividere il campo secondo. riferimento alle forme specifiche, ad esempio: # forma jakiesID input.nazwaKlasy (tutti gli elementi di input di tipo di class = "ClassName", all'interno del form con id = "jakiesID"), ma ovviamente può essere qualsiasi combinazione di numero e il numero di combinazioni in realtà dipende da le permutazioni di tutti i tag nel documento, entro il quale l'elemento è selezionato.
Codice simile al seguente:
$ ("# Modulo input.nazwaKlasy jakiesID"). Each (function () { Dimostrazione
La dimostrazione dello script può essere trovato in uno dei miei progetti completati di recente:
Sistemi Generale - Itinerari universali
Altre voci
10 Commenti / s
Hai ragione, ho fatto l'aggiornamento appropriato.
Bene, ora elegantemente - probabilmente un novizio come ad esempio "extra" è più utile che la descrizione "a secco" 
Che stava cercando. Dean.
Che cosa è disposta una demo? Sé non ha un login ed entrare gram JS avanti senza una password ...? Capisco che questa è una svista?
Un esempio di come tale chiaramente spiegato 
E 'lodi.
Very nice przykładzik
Avrei pensato di prendere un esempio che ha mostrato che una tale situazione se siamo sulla Diverse forme o più campi - che è, come hai scritto, alla fine, ad esempio di avere un campo di classe da compilare solo quelli che si desidera. La cosa sembra essere ovvio, ma per un principiante Un esempio probabilmente sarebbe passato
Molto utile. Pozdro
I prestiti di credito sembrano essere utile per i ragazzi, i quali sono disposti ad avviare un'attività in proprio. Di fatto, è facile ricevere un prestito bancario.
Ciao
Fantastic write-up, di prima classe la storia è sicuramente, questo è altrettanto importante messaggio tremendamente ben strutturato
Grazie!
Ottimo esempio - il tutto in semplici e chiari. Tuttavia, avrei pensato di prendere un esempio che avrebbe mostrato, se abbiamo una situazione come su poche forme o più campi - che è, come hai scritto alla fine della lezione, ad esempio di avere il campo da compilare solo quelli che si desidera. La cosa sembra essere ovvio, ma per un principiante, probabilmente un esempio potrebbe essere trasferito
Pozdro