Come in JavaScript, è possibile ottenere valori da tag utilizzando jQuery. JQuery è una libreria JavaScript che aggiunge funzioni e scorciatoie per rendere più veloce e più facile di scripting. Utilizzando jQuery, è possibile ottenere il valore di classe da ogni "< td >" o tag di cella di tabella nel codice. Questo script utilizza la funzione di "attr()" che si può ottenere il valore di ogni attributo di tag, ma di per sé la funzione otterrà solo il valore del nome della prima classe trovato. Utilizzando la funzione di "Each ()", tuttavia, è possibile eseguire "attr()" su ogni tag "< td >" per ottenere tutti i valori di classe.

Istruzioni

1

Aprire la pagina Web in blocco note o un editor di codice e cercare il file della libreria jQuery. Se il codice non contiene alcun riferimento a questo file, aggiungere questo codice:

< script type = "text/javascript >< / script >

Posizionare questo riferimento tra i tag "< head >" del codice della pagina Web o appena sopra la chiusura tag "< / body >".

2

Aggiungere una coppia di tag "< script >" sotto il riferimento di libreria di jQuery:

< script type = "text/javascript" >

< / script >

Scrivere tutto il codice tra i tag "< script >" jQuery.

3

Scrivere una funzione per verificare quando il documento al termine del caricamento. Questo è anche conosciuto come la funzione di "documento pronto":

$(function () {

});

Il codice sopra riportato è breve mano per "$(document).ready()".

4

Dichiarare una variabile di tipo array che conterrà i valori della classe i tag "< td >":

var tdValue = [];

Aggiungere il 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 ciclo di "Each ()":

$("td").each(function(i) () {

});

Questo codice va dopo la dichiarazione di matrice. Si noti che "Each ()" attribuisce al selettore "td", e un variabili "i" viene passato come parametro nella funzione. Avete bisogno il "io" variabile per ottenere i valori dalla matrice.

6

Impostare il tuo array uguali ai risultati della funzione "attr()" all'interno del ciclo "Each ()":

tdValue [i] = $(this).attr("class");

Il selettore di "questo" Ottiene il selettore del padre, in questo caso "td" dal selettore nella riga di codice sopra di esso. Utilizzare "classe" all'interno "attr()" per ottenere il valore dell'attributo class per ciascun tag "< td >".

7

Uscita il nome della classe per ogni tag "< td >" come testo in ogni cella della tabella aggiungendo questa riga di codice dopo la riga che contiene la funzione di "attr()":

$(this).text(tdValue[i]);

Lo script finito dovrebbe assomigliare a questo:

$(function() () {

var tdValue = [];

$("td").each(function(i) () {

tdValue[i] = $(this).attr("class");

$(this).text(tdValue[i]);

});

});

Consigli & Avvertenze

• Se si utilizza Firebug per il debug di script, aggiungere questa riga di codice per accedere a tutti i valori di classe: "console.log(tdValue[i]);". Questo codice va inserito all'interno della funzione "Each ()", l'ultima riga.