Pegar o ID de uma linha clicada na tabela

[Jeovane Reges]

Olá galera, boa tarde.

Pessoal, o que eu gostaria de saber é como que faço para pegar o id de uma linha da tabela que estar contida dentro da tag a.

Essa minha tabela é criada dinamicamente de acordo com o resultado que é recebido como saída. O código que gera essa tabela pode ser visualizado AQUI.

Para pegar o id estou tentando fazer da seguinte maneira abaixo, no entanto, sem sucesso.

1. $("#tablesorter a").click(function(){
2.     var id = $(this).attr("id");
3.     alert(id);
4. });

A tabela gerada pode ser visualizada neste link

Alguém sabe me dizer o que devo alterar para atingir o meu objetivo?

Desde já obrigado pela ajuda de todos.

Abraços.

[Tiago Celestino]

http://jsfiddle.net/fEjwP/ - assim deve te ajudar.

Tiago Celestino
+55 71 88257389
tcele...@gmail.com
---
---

Github: http://github.com/tcelestino

Twitter: http://twitter.com/tcelestino
Flickr: http://www.flickr.com/tcelestino/

2013/5/9 Jeovane Reges <jeovan...@gmail.com>

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

[Rafael Sirotheau]

Não vai funcionar com jQuery porque está errado. Atributos id não devem conter espaçamentos e/ou caracteres especiais. Pois eles são usados em âncoras e no css. Se sua intenção é utilizar algum atributo que permita caracteres especiais, utilize o title.

Não recomendo manter o código desta forma, javascript puro funciona sim, mas seu html está errado.

http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html

--

Rafael Sirotheau
@rafasirotheau
/rafasirotheau

Linkedin

Front-end Web Developer
[11] 9 6452 1384

[Manoel Neto]

+1 Rafael.

Utilize title, data-title, data-SOMETHING, data-value, mas não do jeito que está.

2013/5/9 Rafael Sirotheau <rsiro...@gmail.com>

--
Atenciosamente,

Manoel Quirino Neto

[Jeovane Reges]

Olá pessoal, obrigado pelo feedback de vocês.

Mudei para title, no entanto, ainda não estou conseguindo pegar o valor do atributo desejado.

Como eu disse, a tabela é criada dinamicamente, ou seja, em buffer.

Se eu der um CTRL + U na página onde a tabela é gerada aparece simplesmente a div vazia onde ela é criada.

Porém, no firebug consigo visualiza-la tranquilamente.

Alguém sabe como que faço para pegar o valor do atributo que estou desejando?

Desde já obrigado pela ajuda de todos.

[Manoel Neto]

1. Se o elemento #tablesorter for criada dinamicamente, é necessário pegar o elemento pai e fazer o seguinte:
   
   
   
   
   $("#paiDetablesorter").on('click', '#tablesorter a', function(){

1.     var id = $(this).attr("id");
2.     alert(id);

1. });
   
   
   mas caso for gerado apenas os elementos dentro de tablesorter, basta fazer
   
   
   1. $("#tablesorter").on('click', 'a', function(){

1. 1.     var id = $(this).attr("id");
   2.     alert(id);
   3. });

2013/5/9 Jeovane Reges <jeovan...@gmail.com>

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 

[Jeovane Reges]

Agora foi :-D

Ficou da seguinte maneira abaixo

1. $(".content").on('click', '#tablesorter a', function(){
2.     var title = $(this).attr("title");
3.     alert(title);
4. });

Muito obrigado pela ajuda de todos.

Até a próxima, abraço.

[Manoel Neto]

Agora cara, procura trocar essa id tablesorter, já que é um elemento que vai ser gerado mais de uma vez, coloca uma classe. id deve ser único.

2013/5/9 Jeovane Reges <jeovan...@gmail.com>

[Jeovane Reges]

Eu sempre destruo a tabela antes de cria-la novamente com elemento "bDestroy": true

Por isso que não me preocupei em coloca-la como uma class :-)
Mas, obrigado pelo toque. Caso seja necessário exibir mais de uma tabela, irei apenas usar class ao invés de id

[Neto Neto]

Cara, coloque o id na linha mesmo, como você queria antes, o id da linha. Quando o cara clicar no link, você vai subindo até chegar na tr.

http://jsbin.com/uwelax/1/

Neto - Web developer
+55 81-9916.1778

2013/5/9 Jeovane Reges <jeovan...@gmail.com>

[Giovanni Donda]

e se usar assim

1. $("tr" , "#tablesorter tbody").click(function(){
2.     var id = $("a" , this).attr("id");
3.     alert(id);
4. });

não testei....

Att,
Giovanni Donda

[Juarez Junior]

Neste caso, eventos em muitos elementos, em boas práticas, é melhor utilizar o "delegate". Um único evento filtrado pelo target.

Para chegar no id do tr, bastar utilizar, neste caso de click na tag a, this.parentNode.parentNode.id

this -> tag a clicada

.parentNode -> td (cell)

.parentNode -> tr (row)

.id

  $('table').on('click','a', function(evt){

    evt.preventDefault();

    alert( this.parentNode.parentNode.id );

  });

[s]

2013/5/9 Giovanni Donda <ph...@dsinterativa.com.br>

--
Juarez Junior - juarez...@gmail.com - @juareznjunior
http://resume.github.com/?juareznjunior

[Jeovane Reges]

Quantas maneiras diferentes de chegar a solução de um mesmo problema.

Muito bom isso :-)

Obrigado pela ajuda de todos :-D

Em quinta-feira, 9 de maio de 2013 12h34min17s UTC-3, Jeovane Reges escreveu:

[Jeovane Reges]

Pessoal, dos exemplos que foram postados o que mais deu certo foi o seguinte abaixo.

No entanto, quando dou um console.log(title) fora da function nada é "imprimido"

1. var title;

1. $(".content").on("click", "#tablesorter a", function(){

1.     title = $(this).attr("title");

1. })
   console.log(title);
   
   

Poderiam me dar mais um dica de como fazer para imprimir os valores clicados fora da function?

Desde já obrigado pela ajuda de todos.

Em quinta-feira, 9 de maio de 2013 12h34min17s UTC-3, Jeovane Reges escreveu:

[Neto Neto]

Isso porque só roda o que está em function. o console.log vai rodar apenas uma vez, quando o código for lido pelo navegador.

Neto - Web developer
+55 81-9916.1778

2013/5/9 Jeovane Reges <jeovan...@gmail.com>

Pessoal, dos exemplos que foram postados o que mais deu certo foi o seguinte abaixo.

[Tiago Celestino]

@Neto falou tudo ai agora.

@Jeovane, tu pode criar uma função que vai receber esse valor e faz o que você quer com ele. Mais ou menos isso: http://jsfiddle.net/aaAhD/

Tiago Celestino
+55 71 88257389
tcele...@gmail.com
---
---

Github: http://github.com/tcelestino

Twitter: http://twitter.com/tcelestino
Flickr: http://www.flickr.com/tcelestino/

2013/5/9 Neto Neto <sputin...@gmail.com>

[Jeovane Reges]

Tiago Celestino entendi perfeitamente :-D

Obrigado pelo feeback de todos.

Abraços.

Em quinta-feira, 9 de maio de 2013 12h34min17s UTC-3, Jeovane Reges escreveu: