Obtenha valores de campo clicando na linha da tabela

Às vezes, os dados específicos, dados de linha específicos ou a coluna específica da tabela HTML no site são necessários para executar algumas funcionalidades. Por exemplo, salvar os valores editados no banco de dados. Para fazer isso, o JavaScript oferece uma biblioteca eficaz e pequena chamada “jQuery”.

Este artigo descreverá o processo de obter todos os valores da linha da tabela.

Como obter valores de campo (TD) clicando na linha da tabela?

““”É a data da tabela ou as células de uma linha de tabela. Para obter o Valores clicando na linha da tabela, use a biblioteca JavaScript chamada “jQuery”. É uma biblioteca JavaScript compacta, rápida e eficaz. Em jQuery, use o “texto()”Método para obter os valores das células.

Exemplo
No arquivo html, crie uma tabela usando

Tag que armazena as informações do aluno:

Eu ia	Nome	Rolar #	Idade	Data de admissão
1	Robert	23	15	16, janeiro de 2000	getRowdata
2	Rohnda	20	13	18, fevereiro de 2003	getRowdata
3	Stephen	19	18	24 de janeiro de 2008	getRowdata

Na tag, adicione o "jQuery"Biblioteca usando a"src”Atributo:

Na tag ou no arquivo javascript, use as linhas de código fornecidas:

$ (documento).pronto (function ()
$ ("#getRowdata").on ('clique', '.getRow ', function ()
var currentRow = $ (this).mais próximo ("tr");
var rcell1 = currentRow.LINDO ("TD: Eq (0)").texto();
var rcell2 = currentRow.LINDO ("TD: Eq (1)").texto();
var rcell3 = currentRow.LINDO ("TD: Eq (2)").texto();
var rcell4 = currentRow.LINDO ("TD: Eq (3)").texto();
var rcell5 = currentRow.encontre ("TD: Eq (4)").texto();
var rowdata = "rowcell1:" + rcell1 + "\ n" + "rowcell2:" + rcell2 + "\ n" + "rowcell3:" + rcell3 + "\ n" + "rowcell4:" + rcell4 + "\ n" + "rowcell5:" + rcell5;
alerta (rowdata);
);
);

No snippet de código acima:

• Primeiro, ligue para o “preparar()”Método para disponibilizar uma função após a carga do documento.
• Obtenha a tabela usando seu id “getRowdata”E gerar um“clique”Evento no botão usando sua classe atribuída“getRow”Isso chama uma função no evento de clique.
• Em função, passe a linha como um objeto.
• Então, obtenha os valores de cada célula usando o “texto()”Método.
• Combine todos os dados em uma variável “Rowdata”Usando o operador de concatenação.
• Finalmente, mostre todos os dados em um método alert ().

Saída

Isso se trata de conseguir o valores clicando na linha da tabela.

Conclusão

Para conseguir o Valores, clicando na linha da tabela, use a biblioteca JavaScript chamada “jQuery”. jQuery oferece o “texto()”Método que pode ser utilizado para obter os valores das células. Neste artigo, descrevemos o processo para obter todos os valores da linha da tabela.

Sobre o autor

Farah Batool

Eu completei meu mestrado em ciência da computação. Sou pesquisador acadêmico e adoro aprender e escrever sobre novas tecnologias. Sou apaixonado por escrever e compartilhar minha experiência com o mundo.

Ver todas as postagens

Linux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Política de privacidade e termos de uso

• « Imprima parte específica da página da web
• O método do mapa retorna indefinido em JavaScript [corrigido] »