Obtener valores de campo haciendo clic en la fila de la tabla

A veces, se requiere datos específicos, datos de fila particulares o la columna específica de la tabla HTML en el sitio web para realizar algunas funcionalidades. Por ejemplo, guardar los valores editados en la base de datos. Para hacer esto, JavaScript ofrece una biblioteca efectiva y pequeña llamada "jQuery".

Este artículo describirá el proceso de obtener todos los valores de la fila de la tabla.

Cómo obtener valores de campo (TD) haciendo clic en la fila de la tabla?

""Es la fecha de la tabla o las celdas de una fila de tabla. Para obtener el Valores haciendo clic en la fila de la tabla, use la biblioteca JavaScript llamada "jQuery". Es una biblioteca JavaScript compacta, rápida y efectiva. En jQuery, usa el "texto()"Método para obtener los valores de las celdas.

Ejemplo
En el archivo HTML, cree una tabla usando

Etiqueta que almacena la información del estudiante:

Identificación	Nombre	Rollo #	Edad	Fecha de admisión
1	Robert	23	15	16, enero de 2000	getrowdata
2	Rohnda	20	13	18, febrero de 2003	getrowdata
3	Stephen	19	18	24, enero de 2008	getrowdata

En la etiqueta, agregue el "jQuery"Biblioteca usando el"SRC" atributo:

En la etiqueta o en el archivo JavaScript, use las líneas de código dadas:

$ (documento).Ready (function ()
$ ("#getrowData").al hacer clic', '.getrow ', function ()
var currentRow = $ (esto).más cercano ("tr");
var rcell1 = CurrentRow.Find ("TD: Eq (0)").texto();
var rcell2 = currentrow.Find ("TD: Eq (1)").texto();
var rcell3 = CurrentRow.Find ("TD: Eq (2)").texto();
var rcell4 = currentrow.Find ("TD: Eq (3)").texto();
var rcell5 = CurrentRow.Find ("TD: Eq (4)").texto();
var rowData = "RowCell1:" + Rcell1 + "\ n" + "RowCell2:" + RCell2 + "\ n" + "RowCell3:" + Rcell3 + "\ n" + "RowCell4:" + Rcell4 + "\ n" + "rowcell5:" + rcell5;
alerta (RowData);
);
);

En el fragmento de código anterior:

• Primero, llame al "listo()Método para hacer que una función esté disponible después de cargar el documento.
• Obtenga la mesa usando su identificación "getrowdata"Y generar un"hacer clic"Evento en el botón usando su clase asignada"getrow"Eso invoca una función en el evento de clics.
• En función, pase la fila como objeto.
• Luego, obtenga los valores de cada celda utilizando el "texto()" método.
• Combine todos los datos en una variable "zorros"Usando el operador de concatenación.
• Finalmente, muestre todos los datos en un método alert ().

Producción

Eso se trata de obtener el valores haciendo clic en la fila de la tabla.

Conclusión

Por conseguir el Los valores, haciendo clic en la fila de la tabla, use la biblioteca JavaScript llamada "jQuery". JQuery ofrece el "texto()"Método que se puede utilizar para obtener los valores de las celdas. En este artículo, describimos el proceso para obtener todos los valores de la fila de la tabla.

Sobre el Autor

Farah Batool

Completé mi maestría en informática. Soy un investigador académico y me encanta aprender y escribir sobre nuevas tecnologías. Me apasiona escribir y compartir mi experiencia con el mundo.

Ver todas las publicaciones

Linux Sintin LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Política de privacidad y condiciones de uso

• « Imprimir parte específica de la página web
• El método del mapa devuelve indefinido en JavaScript [fijo] »