Ottieni i valori di campo facendo clic sulla riga della tabella

Felicia Giuliani
Ottieni i valori di campo facendo clic sulla riga della tabella
A volte, per eseguire alcune funzionalità sono necessari dati specifici, dati di riga particolari o la colonna specifica della tabella HTML sul sito Web. Ad esempio, salvare i valori modificati nel database. Per fare ciò, JavaScript offre una biblioteca efficace e piccola chiamata "jQuery".

Questo articolo descriverà il processo di ottenere tutti i valori delle righe della tabella.

Come ottenere i valori di campo (TD) facendo clic sulla riga della tabella?

""È la data della tabella o le celle di una riga della tabella. Prendere il Valori facendo clic sulla riga della tabella, utilizzare la libreria JavaScript chiamata "jQuery". È una libreria JavaScript compatta, rapida ed efficace. In jQuery, usa il “testo()"Metodo per ottenere i valori delle celle.

Esempio
Nel file HTML, crea una tabella utilizzando

Tag che memorizza le informazioni dello studente:


































IdNomeRotolo #EtàData di ammissione
1Roberto231516, gennaio 2000
2Rohnda201318, febbraio 2003
3Stefano191824, gennaio 2008

Nel tag, aggiungi il "jQueryLibreria "usando il"src"Attributo:

In tag o nel file JavaScript, utilizzare le righe di codice fornite:

$ (documento).ready (function ()
$ ("#getrowdata").al clic', '.getrow ', function ()
var currentRow = $ (questo).più vicino ("tr");
var rcell1 = correntewrow.Trova ("TD: EQ (0)").testo();
var rcell2 = currentWrow.Find ("TD: EQ (1)").testo();
var rcell3 = currentWrow.Trova ("TD: EQ (2)").testo();
var rcell4 = currentWrow.Trova ("TD: EQ (3)").testo();
var rcell5 = correntewrow.Trova ("TD: EQ (4)").testo();
var rowdata = "rowcell1:" + rcell1 + "\ n" + "rowcell2:" + rcell2 + "\ n" + "rowcell3:" + rcell3 + "\ n" + "rowcell4:" + rcell4 + "\ n" + "Rowcell5:" + rcell5;
Avviso (RowData);
);
);

Nel frammento di codice sopra:

  • Innanzitutto, chiama il "pronto()"Metodo per rendere disponibile una funzione dopo il caricamento del documento.
  • Ottieni il tavolo usando il suo ID "getrowdata"E genera un"clic"Evento sul pulsante usando la sua classe assegnata"gira"Ciò invoca una funzione sull'evento click.
  • In funzione, passare la riga come oggetto.
  • Quindi, ottieni i valori di ogni cella usando il "testo()" metodo.
  • Combina tutti i dati in una variabile "Rowdata"Utilizzo dell'operatore di concatenazione.
  • Infine, mostra tutti i dati in un metodo Alert ().

Produzione

Si tratta di ottenere il Valori facendo clic sulla riga della tabella.

Conclusione

Per ottenere il Valori, facendo clic sulla riga della tabella, usa la libreria JavaScript chiamata "jQuery". JQuery offre il “testo()"Metodo che può essere utilizzato per ottenere i valori delle cellule. In questo articolo, abbiamo descritto il processo per ottenere tutti i valori delle righe della tabella.

Circa l'autore

Farah Batool

Ho completato il mio master in informatica. Sono un ricercatore accademico e amo imparare e scrivere su nuove tecnologie. Sono appassionato di scrivere e condividere la mia esperienza con il mondo.

Visualizza tutti i post

Linux suggerimenti LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
 Norme sulla privacy e condizioni d'uso

Powershell
Come utilizzare il comando set-variabile in PowerShell
Il cmdlet set-variabile imposta o modifica il valore di una variabile esistente. Inoltre, se la vari...
Nunzia Martini
Idiota
Come creare un repository git per progetti locali?
Per creare un repository git per progetti locali, passare alla directory di root git ed elencare tut...
Felicia Giuliani
C ++
Come utilizzare l'istruzione switch in c++?
L'istruzione switch è un'istruzione condizionale in C ++ che testa una variabile contro più valori e...
Nunzia Martini