Publicado em 7 de abr.

Capturar <td> de <table> dinamica

Seguinte, eu tenho uma tabela dinâmica e gostaria de capturar um <td> do elemento clicado.

	Segue a tabela de exemplo: [https://jsfiddle.net/wessleysanttos/hstfum4n/](https://jsfiddle.net/wessleysanttos/hstfum4n/)

	Neste exemplo eu gostaria de capturar o Contact do elemento clicado.

	 

	Eu já tentei com os .parent(), .next() da vida. Porém eu não estou conseguindo compreender certinho como percorrer a arvore DOM.

	Caso alguém conseguir me explicar como fazer isso.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wootzor· 8 de abr.

Com jQuery é relativamente simples. E sim, a lógica é mesmo usar as funções parent() e siblings() ou find(). O "truque" é usar um selector que diz qual o elemento TD específico que queres obter, :eq(). Segue o código:

$(document).ready(function() {
 $("button").click(function() {
 var contact = $(this).parent().siblings("td:eq(1)").text();
 alert(contact);
 });
});

	Como diz na documentação, o selector **eq** é *zero-based*. Logo, usa-se "td:eq(1)" para obter o conteúdo do segundo elemento TD.

	 

	[Exemplo](https://jsfiddle.net/hstfum4n/3/).

Wesley Santos· 8 de abr.

Show de bola, muito obrigado.

Vou estudar mais sobre isso.