Net als in JavaScript, kunt u waarden krijgen van labels met behulp van jQuery. JQuery is een JavaScript-bibliotheek die voegt functies en snelkoppelingen naar scripting sneller en gemakkelijker te maken. Met behulp van jQuery, kunt u de klasse waarde van iedere '<td> "of tabelcel tag te krijgen in uw code. Dit script maakt gebruik van de "attr ()" functie die de waarde van een tag attribuut kan krijgen, maar door zelf zal de functie alleen maar de waarde van de eerste klasse naam gevonden. Met behulp van de "elke ()" functie, maar u kunt lopen 'attr () "op elke" <td> "tag om alle klasse waarden te krijgen.
instructies
1 Open de webpagina in Kladblok of een code-editor, en kijk voor de jQuery library bestand. Als uw code geen verwijzing naar dit bestand bevat, voeg deze code:
<Script type = "text / javascript> </ script>
Plaats deze verwijzing tussen de "<head>" tags van uw webpagina code of net boven de afsluitende "</ body>" tag.
2 Voeg een paar "<script>" labels onder de jQuery bibliotheek referentie:
<Script type = "text / javascript">
</ Script>
Schrijf alle jQuery code tussen de "<script>" labels.
3 Schrijf een functie om te controleren wanneer het document is geladen. Dit is ook bekend als de functie "document ready":
$ (Function () {
});
De bovenstaande code is kort met de hand voor "$ (document) .ready ()".
4 Verklaar een soort arrayvariabele dat de klasse waarden van uw "<td>" labels zal houden:
var tdValue = [];
Voeg deze code tussen de accolades van de functie "document klaar".
5 Doorloopt elk exemplaar van "<td>" in de webpagina code door het creëren van een 'per stuk () "loop:
$ ( 'Td'). Elk (function (i) {
});
Deze code gaat na de array verklaring. Merk op dat "elk ()" hecht aan de 'td' selector, en een variabel "i" wordt doorgegeven als een parameter in de functie. U hebt de "i" variabele waarden krijgen van de array.
6 Stel array gelijk aan de resultaten van de "attr ()" functie ervan "elk ()" lus:
tdValue [i] = $ (this) .attr ( "klasse");
De 'dit' selector krijgt de ouder selector, in dit geval "td" uit de selector in de lijn van bovenstaande code het. Gebruik "class 'binnen' attr ()" om de waarde van de class attribuut voor elke "<td>" tag te krijgen.
7 Output de naam klasse voor elke "<td>" tag als tekst in elke tabelcel door het toevoegen van deze regel code na de regel met uw "attr ()" functie:
$ (This) .text (tdValue [i]);
De afgewerkte script moet er als volgt uitzien:
$ (Function () {
var tdValue = [];
$ ( 'Td'). Elk (function (i) {
tdValue[i] = $(this).attr("class");
$ (This) .text (tdValue [i]);
});
});
Hints
- Als je Firebug gebruiken om uw scripts debuggen, voeg deze regel code aan alle klasse waarden log: "console.log (tdValue [i]);". Deze code gaat in de "elke ()" functie, op de laatste regel.