Wie man Klassenwert TD in Jquery

Wie in JavaScript können Sie Werte von Markierungen mit jQuery erhalten. JQuery ist eine JavaScript-Bibliothek, die Funktionen und Verknüpfungen zu scripting-schneller und einfacher machen hinzufügt. Mit jQuery, können die Klasse nutzen aus jeder "< td >" oder Tabelle Zelle-Tag im Code. Dieses Skript verwendet die "attr()"-Funktion, die den Wert eines Attributs Tag bekommen kann, aber selbst die Funktion erhalten nur den Wert des ersten Klasse namens gefunden. Mit der Funktion "each()" kann jedoch "attr()" jeden Tag "< td >" um die Klassenwerte erhalten ausführen auf.

Anweisungen

1 Öffnen Sie die Web-Seite in Notepad oder einem Codeeditor, und suchen Sie die jQuery-Library-Datei. Wenn der Code keinen Verweis auf die Datei enthält, fügen Sie diesen Code:

< Skript-Typ = "Text/Javascript >< / script >

Platzieren Sie diesen Verweis zwischen den "< Head >" Tags des Codes Webseite oder direkt über die Schließung "< / body >" Tag.

2 Fügen Sie ein "< >" Skripttags unterhalb der jQuery Library Reference:

< Skript-Typ = "Text/Javascript" >

< / script >

Schreiben Sie alle jQuery-Code zwischen den "< >" Skripttags.

3 Schreiben Sie eine Funktion zu prüfen, wenn das Dokument vollständig geladen wurde. Dies ist auch die Funktion "Dokument bereit":

$(Funktion () {}

});

Der obige Code ist kurzer Hand für "$(document).ready()".

4 Deklarieren Sie eine Variable vom Typ Array, die die Werte Ihrer "< td >" Tags enthalten:

Var TdValue = [];

Fügen Sie diesen Code zwischen den geschweiften Klammern der Funktion "Dokument bereit".

5 Durchlaufen Sie jede Instanz von "< td >" in den Code der Webseite durch die Schaffung einer "each()"-Schleife:

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

});

Dieser Code geht nach der Arraydeklaration. Beachten Sie, dass "each()" an der Selektor "td hängt" und eine Variable "i" in der Funktion als Parameter übergeben wird. Sie brauchen das "Ich" Variable Abrufen von Werten aus dem Array.

6 Legen Sie Ihr Array auf die Ergebnisse der Funktion in der "each()" Schleife "attr()":

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

"Dieses" Selector Ruft den übergeordneten Selektor, in diesem Fall "td" aus dem Selector in die Zeile des Codes über ihm. Verwenden Sie "Klasse" innen "attr()", um den Wert des Class-Attributs für jedes "< td >" Tag zu erhalten.

7 Ausgabe der Klassenname für jeden Tag "< td >" als Text in jeder Tabellenzelle durch diese Codezeile nach der Zeile, die mit Ihrem "attr()" Funktion hinzufügen:

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

Das fertige Skript sollte wie folgt aussehen:

{$(function()}

Var TdValue = [];

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

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

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

});

});

Tipps & Warnungen

• Wenn Sie Firebug Debuggen von Skripts verwenden, fügen Sie diese Codezeile alle Klassenwerte anmelden: "console.log(tdValue[i]);". Dieser Code geht innerhalb der Funktion "each()" in der letzten Zeile.