January 6
Come in JavaScript, è possibile ottenere valori di tag utilizzando jQuery. JQuery è una libreria JavaScript che aggiunge funzioni e scorciatoie per rendere gli script più facile e veloce. Utilizzando jQuery, è possibile ottenere il valore di classe da ogni "<td>" o tag cella nel codice. Questo script utilizza la funzione "attr ()" che si può ottenere il valore di qualsiasi attributo di tag, ma di per sé la funzione sarà solo il valore del nome della prima classe trovata. Utilizzando il "ciascuno) (" la funzione, tuttavia, è possibile eseguire "attr ()" su ogni tag "<td>" per ottenere tutti i valori della classe.
1 Aprire la pagina Web in Blocco note o un editor di codice, e cercare il file di libreria jQuery. Se il codice non contiene alcun riferimento a questo file, aggiungere questo codice:
<Script type = "text / javascript> </ script>
Inserire questo riferimento fra le "<head>" tag del codice della pagina Web o appena sopra la chiusura "</ body>" tag.
2 Aggiungere un paio di "<script>" tag sotto il riferimento libreria jQuery:
<Script type = "text / javascript">
</ Script>
Scrivi tutto il codice jQuery tra i "<script>" tag.
3 Scrivere una funzione per verificare quando il documento termine del caricamento. Questo è anche conosciuto come la funzione "documento pronto":
$ (Function () {
});
Il codice di cui sopra è di breve mano per "(document) .ready $ ()".
4 Dichiarare una variabile di tipo array che conterrà i valori della classe del vostro "<td>" tag:
var tdValue = [];
Aggiungere questo codice tra le parentesi graffe della funzione "documento pronto".
5 Scorrere ogni istanza di "<td>" nel codice della pagina Web con la creazione di un "ciascuno) (" loop:
$ ( "TD"). Each (function (i) {
});
Questo codice va dopo la dichiarazione di matrice. Si noti che "ogni ()" attribuisce al selettore "td", e una variabile "i" viene passato come parametro nella funzione. È necessario la variabile "i" per ottenere i valori dalla matrice.
6 Impostare l'array pari ai risultati del "attr ()" la funzione all'interno del "ciascuno) (" loop:
tdValue [i] = $ (this) .attr ( "classe");
Il "questo" selettore ottiene il selettore padre, in questo caso "td" dal selettore nella riga di codice sopra. Utilizzare "classe" dentro "attr ()" per ottenere il valore dell'attributo classe per ogni tag "<td>".
7 Uscita il nome della classe per ogni tag "<td>" come testo in ogni cella di una tabella con l'aggiunta di questa riga di codice dopo la riga che contiene la funzione "attr ()":
$ (This) .text (tdValue [i]);
Lo script finito dovrebbe essere simile a questo:
$ (Function () {
var tdValue = [];
$ ( "TD"). Each (function (i) {
tdValue[i] = $(this).attr("class");
$ (This) .text (tdValue [i]);
});
});