Få feltverdier ved å klikke på tabellrekke

Noen ganger er de spesifikke dataene, bestemte raddata eller den spesifikke kolonnen fra HTML -tabellen på nettstedet påkrevd for å utføre noen funksjonaliteter. For eksempel å lagre de redigerte verdiene i databasen. For å gjøre dette tilbyr JavaScript et effektivt og lite bibliotek kalt “jQuery”.

Denne artikkelen vil beskrive prosessen med å få alle tabellrekkeverdiene.

Hvordan oppnå feltverdier (TD) ved å klikke på tabellrekke?

“”Er tabelldatoen eller cellene i en tabellrekke. Å få Verdier ved å klikke på tabellrekken, bruk JavaScript -biblioteket kalt “jQuery”. Det er et kompakt, raskt og effektivt JavaScript -bibliotek. I jQuery, bruk "tekst()”Metode for å få verdiene til celler.

Eksempel
I HTML -fil, lag en tabell ved hjelp av

Tag som lagrer studentens informasjon:

Id	Navn	Rull #	Alder	Opptaksdato
1	Robert	23	15	16, jan 2000	getrowdata
2	Rohnda	20	1. 3	18, februar 2003	getrowdata
3	Stephen	19	18	24, jan 2008	getrowdata

I taggen, legg til "jQuery”Bibliotek ved hjelp av“src" Egenskap:

I tag eller i JavaScript -fil, bruk de gitte kodelinjene:

$ (dokument).klar (funksjon ()
$ ("#getrowdata").ved trykk', '.getrow ', funksjon ()
var currentrow = $ (dette).nærmest ("tr");
var rcell1 = currentrow.Finn ("TD: Eq (0)").tekst();
var rcell2 = currentrow.Finn ("TD: Eq (1)").tekst();
var rcell3 = currentrow.Finn ("TD: Eq (2)").tekst();
var rcell4 = Currentrow.Finn ("TD: Eq (3)").tekst();
var rcell5 = Currentrow.Finn ("TD: Eq (4)").tekst();
var rowdata = "rowcell1:" + rcell1 + "\ n" + "rowcell2:" + rcell2 + "\ n" + "rowcell3:" + rcell3 + "\ n" + "rowcell4:" + rcell4 + "\ n" + "Rowcell5:" + Rcell5;
Varsel (Rowdata);
);
);

I ovennevnte kodebit:

• Først, ring "klar()”Metode for å gjøre en funksjon tilgjengelig etter at dokumentet er lastet inn.
• Få bordet ved å bruke IDen "getrowdata”Og generere en“Klikk”Arrangement på knappen ved å bruke den tildelte klassen“getrow”Som påkaller en funksjon på klikkhendelsen.
• I funksjon, pass raden som et objekt.
• Få deretter verdiene til hver celle ved å bruke "tekst()”Metode.
• Kombiner alle dataene i en variabel “ROWDATA”Bruke concatenation -operatøren.
• Til slutt, vis alle dataene i en varsel () -metode.

Produksjon

Det handler om å få Verdier ved å klikke på tabellrekken.

Konklusjon

For å få Verdier, ved å klikke på tabellraden, bruk JavaScript -biblioteket kalt “jQuery”. jQuery tilbyr "tekst()”Metode som kan brukes for å få verdiene til celler. I denne artikkelen beskrev vi prosessen for å få alle tabellrekkeverdiene.

Om forfatteren

Farah Batool

Jeg fullførte mastergraden min i informatikk. Jeg er en akademisk forsker og elsker å lære og skrive om nye teknologier. Jeg brenner for å skrive og dele min erfaring med verden.

Se alle innlegg

Linux Hint LLC, redaktø[email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Personvernregler og bruksvilkår

• « Skriv ut spesifikk del av websiden
• Kartmetode returnerer udefinert i JavaScript [Fast] »