Feldwerte erhalten, indem Sie auf die Tabellenzeile klicken

Manchmal sind die spezifischen Daten, bestimmte Zeilendaten oder die spezifische Spalte aus der HTML -Tabelle auf der Website erforderlich, um einige Funktionen auszuführen. Zum Beispiel Speichern der bearbeiteten Werte in der Datenbank. Dazu bietet JavaScript eine effektive und kleine Bibliothek namens namens “JQuery”.

Dieser Artikel beschreibt den Prozess, alle Tabellenzeilenwerte zu erhalten.

So erhalten Sie Werte für Feld (TD), indem Sie auf die Tabellenzeile klicken?

“Ist das Tabellendatum oder die Zellen einer Tabellenzeile. Um das zu bekommen Werte durch Klicken auf die Tabellenzeile verwenden Sie die JavaScript -Bibliothek mit dem Namen “JQuery”. Es ist eine kompakte, schnelle und effektive JavaScript -Bibliothek. In jQuery benutzen Sie die “Text()Methode zum Erhalten der Werte von Zellen.

Beispiel
Erstellen Sie in der HTML -Datei eine Tabelle mit

Markieren Sie, die die Informationen des Schülers speichern:

Ausweis	Name	Roll #	Alter	Aufnahmedatum
1	Robert	23	15	16, Januar 2000	Getrowdata
2	Rorda	20	13	18, Februar 2003	Getrowdata
3	Stephen	19	18	24, Januar 2008	Getrowdata

Fügen Sie im Tag das hinzu “JQuery”Bibliothek mit der“src”Attribut:

Verwenden Sie in Tag oder in JavaScript -Datei die angegebenen Codezeilen:

$ (Dokument).Ready (function ()
$ ("#getrowdata").auf ('klicken', ''.getRow ', function ()
var CurrentRow = $ (this).am nächsten ("tr");
var rcell1 = currentrow.Find ("TD: Gl (0)").Text();
var rcell2 = currentrow.Find ("TD: Gl (1)").Text();
var rcell3 = currentrow.find ("TD: Gl (2)").Text();
var rcell4 = currentrow.Find ("TD: Gl (3)").Text();
var rcell5 = currentrow.Find ("TD: Gl (4)").Text();
var rowdata = "rowcell1:" + rcell1 + "\ n" + "rowcell2:" + rcell2 + "\ n" + "rowcell3:" + rcell3 + "\ n" + "rowcell4:" + rcell4 + "\ n" + "Rowcell5:" + rcell5;
Alarm (Rowdata);
);
);

In oben Code -Snippet:

• Zunächst rufen Sie das an “bereit()Methode, um eine Funktion verfügbar zu machen, nachdem das Dokument geladen wurde.
• Holen Sie sich die Tabelle mit seiner ID “Getrowdata"Und erzeugen eine"klicken"Ereignis auf der Schaltfläche mit seiner zugewiesenen Klasse"GetRowDas ruft eine Funktion auf das Klickereignis auf.
• In der Funktion die Zeile als Objekt übergeben.
• Holen Sie sich dann die Werte jeder Zelle mit der “Text()" Methode.
• Kombinieren Sie alle Daten in einer Variablen “RowdataMit dem Verkettungsoperator.
• Schließlich zeigen Sie alle Daten in einer alert () -Methode an.

Ausgang

Dort geht es darum, das zu bekommen Werte durch Klicken auf die Tabellenzeile.

Abschluss

Für das bekommen die Wenn Sie Werte durch Klicken auf die Tabellenzeile verwenden, verwenden Sie die JavaScript -Bibliothek mit dem Namen “JQuery”. JQuery bietet die “Text()Methode, die verwendet werden kann, um die Werte von Zellen zu erhalten. In diesem Artikel haben wir den Prozess beschrieben, um alle Tabellenzeilenwerte zu erhalten.

Über den Autor

Farah Batool

Ich habe meinen Master -Abschluss in Informatik abgeschlossen. Ich bin ein akademischer Forscher und liebe es, neue Technologien zu lernen und über neue Technologien zu schreiben. Ich bin begeistert davon, meine Erfahrungen mit der Welt zu schreiben und zu teilen.

Alle Beiträge anzeigen

Linux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Datenschutzrichtlinien und Nutzungsbedingungen

• « Drucken Sie einen bestimmten Teil der Webseite
• Die Kartenmethode gibt in JavaScript [behoben] undefiniert zurück »