Uzyskaj wartości pola, klikając wiersz tabeli

Uzyskaj wartości pola, klikając wiersz tabeli
Czasami konkretne dane, określone dane wiersza lub konkretna kolumna z tabeli HTML na stronie internetowej są wymagane do wykonywania niektórych funkcji. Na przykład zapisywanie edytowanych wartości w bazie danych. Aby to zrobić, JavaScript oferuje skuteczną i małą bibliotekę o nazwie „JQuery".

W tym artykule opisano proces uzyskania wszystkich wartości wierszy tabeli.

Jak uzyskać wartości pola (TD), klikając w tabeli wierszy?

"”Jest datą tabeli lub komórkami rzędu tabeli. Aby uzyskać Wartości klikając wiersz tabeli, użyj biblioteki JavaScript o nazwie „JQuery". Jest to kompaktowa, szybka i skuteczna biblioteka JavaScript. W jQuery użyj „tekst()”Metoda uzyskania wartości komórek.

Przykład
W pliku HTML utwórz tabelę za pomocą

Tag, który przechowuje informacje ucznia:


































IDNazwaRolka #WiekData wstępu
1Robert231516, styczeń 2000
2Rohnda201318, luty 2003
3Stephen191824, styczeń 2008

W tagu dodaj „JQuery„Biblioteka za pomocą„src" atrybut:

W tag lub w pliku JavaScript użyj podanych wierszy kodu:

$ (dokument).gotowy (funkcja ()
$ („#getRowdata”).na kliknięcie', '.getRow ', function ()
var currentRow = $ (this).najbliższy („Tr”);
var rcell1 = currentRow.Znajdź („TD: EQ (0)”).tekst();
var rcell2 = currentRow.Znajdź („TD: EQ (1)”).tekst();
var rcell3 = currentRow.Znajdź („TD: EQ (2)”).tekst();
var rCell4 = CurrentRow.Znajdź („TD: EQ (3)”).tekst();
var rcell5 = currentRow.Znajdź („TD: EQ (4)”).tekst();
var rowdata = "rowCell1:" + rCell1 + "\ n" + "rowCell2:" + rCell2 + "\ n" + "rowCell3:" + rCell3 + "\ n" + "RowCell4:" + rCell4 + "\ n" + „RowCell5:” + RCell5;
alert (rowData);
);
);

W powyższym fragmencie kodu:

  • Najpierw zadzwoń do „gotowy()”Metoda udostępniania funkcji po załadowaniu dokumentu.
  • Uzyskaj tabelę za pomocą jego identyfikatora „Getrowdata”I generuj„Kliknij”Wydarzenie na przycisku za pomocą przypisanej klasy„Getrow„To wywołuje funkcję podczas zdarzenia kliknięcia.
  • W funkcji przełóż wiersz jako obiekt.
  • Następnie uzyskaj wartości każdej komórki za pomocą „tekst()" metoda.
  • Połącz wszystkie dane w zmiennej ”Rowdata„Korzystanie z operatora konatenacji.
  • Na koniec pokaż wszystkie dane w metodzie alert ().

Wyjście

Chodzi o zdobycie Wartości klikając w wierszu tabeli.

Wniosek

Za zdobycie Wartości, klikając wiersz tabeli, użyj biblioteki JavaScript o nazwie „JQuery". JQuery oferuje „tekst()”Metoda, którą można wykorzystać do uzyskania wartości komórek. W tym artykule opisaliśmy proces, aby uzyskać wszystkie wartości wiersza tabeli.

O autorze

Farah Batool

Ukończyłem tytuł magistra w dziedzinie informatyki. Jestem naukowcem i uwielbiam uczyć się i pisać o nowych technologiach. Jestem pasjonatem pisania i dzielenia się swoim doświadczeniem ze światem.

Zobacz wszystkie posty

Linux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Polityka prywatności i warunki użytkowania