Pegar texto de um campo de tabela ao clicar nela

[Bruno.trp 0]

Bom dia!

Gostaria de saber como pegar o texto de dentro de um campo de uma tabela ao se clicar em este campo.

Ou mesmo, conseguir clicar e pegar todos os textos de cada campo da linha.

Exemplo de tabela:

<table>

<tr>

<td>João</td>

<td>Maria</td>

</tr>

</table>

Se eu clicar na TR, gostaria de guardar em uma variável javascript o valo de de cada TD, para que eu possa manipular estes valores.

Gostaria de fazer isso com Jquery.

Se alguém puder me ajudar.

Obrigado.

[gabrieldarezzo 255]

TL;DR

var textosTabela = $( "table tr td" );

FiddleJs (Simples):

https://fiddle.jshell.net/yr6kzup1/

FiddleJs v2 (Selecionar todos os elementos da (table tr td) a partir de um click) :

https://fiddle.jshell.net/yr6kzup1/2/

Resposta 'didática':

Isso tem mais a ver com seletores DOM e Listeners do que propriamente dito em jQuery.

Tem um curso bem bacana da codeSchool gratuito que aborda sobre isso:

http://try.jquery.com/

Recomendo a leitura sobre DOM em html do @Alysson

https://tableless.com.br/tenha-o-dom/

Outra coisa é interessante colocar um seletor mais especifico,

Substituindo isso:

<table>
	<tr>  
		<td>João</td>
		<td>Maria</td>
	</tr>
</table>

Por isso:

<table>
	<tr>  
		<td class="pessoa">João</td>
		<td class="pessoa">Maria</td>
	</tr>
</table>

//Ficando assim o seletor do Jquery
$( ".pessoa" )

Ou Então:

<table>
	<tr id="pessoas">  
		<td>João</td>
		<td>Maria</td>
	</tr>
</table>

//Acessar o id, e após isso pegar todos os nodes (td)
$( "#pessoas td" )