obtendo o id do <tr> selecionado

1,959 views
Skip to first unread message

Marcelo Florindo

unread,
Aug 18, 2011, 2:47:05 PM8/18/11
to jque...@googlegroups.com
Colegas,

Uma maneira de resolver o meu problema seria incluir em cada linha da
table um id que significaria o código do item (colocado no <tr>).

Ao selecionar este item e clicar no botão alterar eu gostaria de pegar
o ID do tr selecionado e assim enviar para um outro formulário para
alteração.

Alguma idéia colegas,

Muito obrigado a todos,


--
Marcelo
---------------------------------------------------------------------------------
Desenvolvedor/Analista
Sites e Sistemas
---------------------------------------------------------------------------------

Juarez Junior

unread,
Aug 18, 2011, 2:49:35 PM8/18/11
to jque...@googlegroups.com
jsbin?

jsfiddle?

A solução é simples. Basta pegar viar parent e chegar até o tr

[s]

2011/8/18 Marcelo Florindo <marcelo....@gmail.com>

Wellington Rodrigues

unread,
Aug 18, 2011, 3:23:48 PM8/18/11
to marcelo....@gmail.com, jque...@googlegroups.com

Marcelo,

N�o � uma boa pratica, mas veja:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"
src="jquery-1.4.4.min.js?5978974565"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabela>tbody>tr").each(function(index, elemento){
$(elemento).bind('click', function(){
$(this).css('background-color', 'red');
alert($(this).attr('id'));
});
});
});
</script>
</head>
<body>
<table border="1" width="70%" id="tabela">
<tbody>
<tr id="linha_a">
<td>A</a>
</tr>
<tr id="linha_b">
<td>B</a>
</tr>
<tr id="linha_c">
<td>C</a>
</tr>
</tbody>
</table>
</body>
</html>


Um grande abra�o,

Wellington Rodrigues
http://www.twitter.com/programmerbr

Marcelo Florindo wrote:
> Colegas,
>
> Uma maneira de resolver o meu problema seria incluir em cada linha da

> table um id que significaria o c�digo do item (colocado no <tr>).
>
> Ao selecionar este item e clicar no bot�o alterar eu gostaria de pegar
> o ID do tr selecionado e assim enviar para um outro formul�rio para
> altera��o.
>
> Alguma id�ia colegas,
>
> Muito obrigado a todos,
>
>

Wellington Rodrigues

unread,
Aug 18, 2011, 3:25:55 PM8/18/11
to jque...@googlegroups.com
Marcelo

Esqueci das regras, n�o me atentei.

Me desculpe pela mensagem anterior.

Segue o link: http://jsfiddle.net/XXYzS/

N�o � dos mais bonitos, mas....

Um grande abra�o,

Wellington Rodrigues
http://www.twitter.com/programmerbr

Marcelo Florindo wrote:
> Colegas,
>
> Uma maneira de resolver o meu problema seria incluir em cada linha da

> table um id que significaria o c�digo do item (colocado no <tr>).
>
> Ao selecionar este item e clicar no bot�o alterar eu gostaria de pegar
> o ID do tr selecionado e assim enviar para um outro formul�rio para
> altera��o.
>

> Alguma id�ia colegas,
>
> Muito obrigado a todos,
>
>

Wilker

unread,
Aug 18, 2011, 3:36:27 PM8/18/11
to jque...@googlegroups.com
Fiz um update no JSFiddle la, bem mais curto agora e funcionando la mesmo ;)

http://jsfiddle.net/XXYzS/1/
---
Wilker Lúcio
http://about.me/wilkerlucio/bio
Kajabi Consultant
+55 81 82556600



2011/8/18 Wellington Rodrigues <equ...@desenvolvendosites.com>
Marcelo

Esqueci das regras, não me atentei.


Me desculpe pela mensagem anterior.

Segue o link: http://jsfiddle.net/XXYzS/

Não é dos mais bonitos, mas....


Um grande abraço,


Wellington Rodrigues
http://www.twitter.com/programmerbr

Marcelo Florindo wrote:
Colegas,

Uma maneira de resolver o meu problema seria incluir em cada linha da
table um id que significaria o código do item (colocado no <tr>).

Ao selecionar este item e clicar no botão alterar eu gostaria de pegar
o ID do tr selecionado e assim enviar para um outro formulário para
alteração.

Alguma idéia colegas,

Muito obrigado a todos,



--

Wilker

unread,
Aug 18, 2011, 3:38:43 PM8/18/11
to jque...@googlegroups.com
Mais um (apenas retirei a inclusao do jQuery no HTML, o JSFiddle faz isso sozinho): http://jsfiddle.net/XXYzS/3/

---
Wilker Lúcio
http://about.me/wilkerlucio/bio
Kajabi Consultant
+55 81 82556600



2011/8/18 Wilker <wilke...@gmail.com>

Anderson Machado

unread,
Aug 18, 2011, 3:43:51 PM8/18/11
to jque...@googlegroups.com
nao sei porque nao está rodando aí nesse exemplo,

fiz um aqui na minha máquina... isso que voce quer?

$(document).ready(function(){
    $('tr').click(function(){

        alert($(this).attr('id'));
    });
 });


2011/8/18 Wellington Rodrigues <equ...@desenvolvendosites.com>
Marcelo

Esqueci das regras, não me atentei.


Me desculpe pela mensagem anterior.

Segue o link: http://jsfiddle.net/XXYzS/

Não é dos mais bonitos, mas....


Um grande abraço,


Wellington Rodrigues
http://www.twitter.com/programmerbr

Marcelo Florindo wrote:
Colegas,

Uma maneira de resolver o meu problema seria incluir em cada linha da
table um id que significaria o código do item (colocado no <tr>).

Ao selecionar este item e clicar no botão alterar eu gostaria de pegar
o ID do tr selecionado e assim enviar para um outro formulário para
alteração.

Alguma idéia colegas,

Muito obrigado a todos,






--
Att,

Anderson A. Machado
Web Developer
B. Sc. Computer Science
Salvador, Brazil
+55(71) 9969-9580
+55(71) 3011-4049

Tanure

unread,
Aug 18, 2011, 3:45:48 PM8/18/11
to jque...@googlegroups.com
adaptei aqui, pra isso:


$("#tabela td").click(function ({
    var idProduto $(this).parent('tr').data('idproduto');
    alert(idProduto);
})

2011/8/18 Anderson Machado <ander...@gmail.com>



--

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

Eduardo Rabelo

unread,
Aug 18, 2011, 4:45:03 PM8/18/11
to jque...@googlegroups.com
Fala pessoal,

Segue um exemplo de chat via websockets,

Criado pelo @fnando,

Bem interessante, confiram:

http://presentta.com.br/chat.html

Juarez Junior

unread,
Aug 18, 2011, 4:50:17 PM8/18/11
to jque...@googlegroups.com

Valdênia Andrade

unread,
Aug 18, 2011, 5:00:47 PM8/18/11
to jque...@googlegroups.com
Muito massa.

2011/8/18 Eduardo Rabelo <oieduar...@gmail.com>



--
Atenciosamente,
Valdênia Andrade
Front-End Developer
(81) 8706-2148  |  (81) 9711-5178



Rogerio Medeiros

unread,
Aug 18, 2011, 4:49:23 PM8/18/11
to jque...@googlegroups.com
po nao abre no firefox lol

2011/8/18 Eduardo Rabelo <oieduar...@gmail.com>



--


FAZER O QUE NE, A ESPERANÇA É IGUAL A RESPIRAÇAO, QUEM ESTA VIVO, SEMPRE TEM.

Rogerio Medeiros

unread,
Aug 18, 2011, 5:01:27 PM8/18/11
to jque...@googlegroups.com

Mauricio Sipmann

unread,
Aug 18, 2011, 10:03:22 PM8/18/11
to jque...@googlegroups.com
Opa... legal, pena que no FF 5 não rolo... mas show de bola =]

Abraço

2011/8/18 Rogerio Medeiros <arg...@gmail.com>



--
Maurício Camargo Sipmann
About Me

Eduardo Rabelo

unread,
Aug 18, 2011, 10:22:47 PM8/18/11
to jque...@googlegroups.com
Pessoal,

Oficialmente WebSockets só é suportado por navegadores com motor WebKit (Safari e Chrome),

Mas a idéia é sensacional, eldorado quando for cross-browser! hahahah


Um abraço,
Eduardo Rabelo | #soudev
Contacts:

Michel Felipe - Pós Eng. de Software

unread,
Aug 19, 2011, 6:31:56 AM8/19/11
to jque...@googlegroups.com
Eduardo, bom dia!

Da uma olhada nesse artigo e repassa pra seu amigo tbm! È a implementação de Websockets crossbrowser utilizando Socket.io (modulo do node.js), que funciona até msmo no IE6 rsrsrs.Estou estudando sobre isso e estou com um projeto para praticar. Inclusive, o exemplo que vem nesse link é o bom e velho "chat" :D




--
Atenciosamente


Analista de Sistemas
PHP / Zend Framework / CakePHP / Java Desktop / JavascriptMVC / EXTJS / JQuery / PostGres/ MySQL

71 9196-4178
www.vidacriativa.com.br

Marcelo Florindo

unread,
Aug 19, 2011, 8:28:00 AM8/19/11
to jque...@googlegroups.com
Galera, muito obrigado pelas dicas....

:)

Att,

Marcelo

--

Eduardo Rabelo

unread,
Aug 19, 2011, 8:38:59 AM8/19/11
to jque...@googlegroups.com
Michel,

Irei repassar o link sim, muito obrigado

Um abraço


On 19-08-2011 07:31, Michel Felipe - Pós Eng. de Software  wrote:
Eduardo, bom dia!

Da uma olhada nesse artigo e repassa pra seu amigo tbm! È a implementação de Websockets crossbrowser utilizando Socket.io (modulo do node.js), que funciona até msmo no IE6 rsrsrs.Estou estudando sobre isso e estou com um projeto para praticar. Inclusive, o exemplo que vem nesse link é o bom e velho "chat" :D

Fala pessoal,

Segue um exemplo de chat via websockets,

Criado pelo @fnando,

Bem interessante, confiram:

http://presentta.com.br/chat.html

--
Grupo de jQuery Brasil.

REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.

Email: jque...@googlegroups.com



--
Atenciosamente


Analista de Sistemas
PHP / Zend Framework / CakePHP / Java Desktop / JavascriptMVC / EXTJS / JQuery / PostGres/ MySQL

71 9196-4178
www.vidacriativa.com.br
--
Grupo de jQuery Brasil.
 
REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com

Juarez Junior

unread,
Aug 19, 2011, 8:39:20 AM8/19/11
to jque...@googlegroups.com
Use o delegate!

[s]

Gilton Guma

unread,
Aug 19, 2011, 8:42:40 AM8/19/11
to jQuery (Brasil)
Reajuste:
http://jsfiddle.net/gsguma/XXYzS/4/




On 18 ago, 16:45, Tanure <letan...@gmail.com> wrote:
> adaptei aqui, pra isso:
>
> http://jsfiddle.net/4fVh2/1/
>
> $("#tabela td").click(function () {
>     var idProduto = $(this).parent('tr').data('idproduto');
>     alert(idProduto);
>
> })
>
> 2011/8/18 Anderson Machado <anderson...@gmail.com>
>
>
>
>
>
>
>
>
>
> > nao sei porque nao está rodando aí nesse exemplo,
>
> > fiz um aqui na minha máquina... isso que voce quer?
>
> > $(document).ready(function(){
> >     $('tr').click(function(){
> >         alert($(this).attr('id'));
> >     });
> >  });
>
> > 2011/8/18 Wellington Rodrigues <equ...@desenvolvendosites.com>
>
> >> Marcelo
>
> >> Esqueci das regras, não me atentei.
>
> >> Me desculpe pela mensagem anterior.
>
> >> Segue o link:http://jsfiddle.net/XXYzS/
>
> >> Não é dos mais bonitos, mas....
>
> >> Um grande abraço,
>
> >> Wellington Rodrigues
> >>http://www.twitter.com/**programmerbr<http://www.twitter.com/programmerbr>
>
> >> Marcelo Florindo wrote:
>
> >>> Colegas,
>
> >>> Uma maneira de resolver o meu problema seria incluir em cada linha da
> >>> table um id que significaria o código do item (colocado no <tr>).
>
> >>> Ao selecionar este item e clicar no botão alterar eu gostaria de pegar
> >>> o ID do tr selecionado e assim enviar para um outro formulário para
> >>> alteração.
>
> >>> Alguma idéia colegas,
>
> >>> Muito obrigado a todos,
>
> >> --
> >> Grupo de jQuery Brasil.
>
> >> REGRAS:http://groups.google.com/**group/jquery-br/web/regras-do-**grupo<http://groups.google.com/group/jquery-br/web/regras-do-grupo>
>
> >> USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.
>
> >> Email: jque...@googlegroups.com
> >> Biba:   jquery-br+unsubscribe@**googlegroups.com<jquery-br%2Bunsubscribe@googlegrou ps.com>
> >> Site:    http://groups.google.com/**group/jquery-br?hl=pt-BR<http://groups.google.com/group/jquery-br?hl=pt-BR>
>
> > --
> > Att,
>
> > Anderson A. Machado
> > Web Developer
> > B. Sc. Computer Science
> > Salvador, Brazil
> > +55(71) 9969-9580
> > +55(71) 3011-4049
>
> >  --
> > Grupo de jQuery Brasil.
>
> > REGRAS:http://groups.google.com/group/jquery-br/web/regras-do-grupo
>
> > 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
>
> --
>
> *Luiz Tanure*
> 472f5a3aedb906cb767acdbdeaca6d8f

Wellington Rodrigues

unread,
Aug 19, 2011, 8:49:39 AM8/19/11
to jque...@googlegroups.com

Atualizando...

http://jsfiddle.net/XXYzS/5/

Um grande abra�o,

Wellington Rodrigues
http://www.twitter.com/programmerbr

Gilton Guma wrote:
> Reajuste:
> http://jsfiddle.net/gsguma/XXYzS/4/
>
>
>
>
> On 18 ago, 16:45, Tanure <letan...@gmail.com> wrote:
>> adaptei aqui, pra isso:
>>
>> http://jsfiddle.net/4fVh2/1/
>>
>> $("#tabela td").click(function () {
>> var idProduto = $(this).parent('tr').data('idproduto');
>> alert(idProduto);
>>
>> })
>>
>> 2011/8/18 Anderson Machado <anderson...@gmail.com>
>>
>>
>>
>>
>>
>>
>>
>>
>>

>>> nao sei porque nao est� rodando a� nesse exemplo,
>>> fiz um aqui na minha m�quina... isso que voce quer?


>>> $(document).ready(function(){
>>> $('tr').click(function(){
>>> alert($(this).attr('id'));
>>> });
>>> });
>>> 2011/8/18 Wellington Rodrigues <equ...@desenvolvendosites.com>
>>>> Marcelo

>>>> Esqueci das regras, n�o me atentei.


>>>> Me desculpe pela mensagem anterior.
>>>> Segue o link:http://jsfiddle.net/XXYzS/

>>>> N�o � dos mais bonitos, mas....
>>>> Um grande abra�o,


>>>> Wellington Rodrigues
>>>> http://www.twitter.com/**programmerbr<http://www.twitter.com/programmerbr>
>>>> Marcelo Florindo wrote:
>>>>> Colegas,
>>>>> Uma maneira de resolver o meu problema seria incluir em cada linha da

>>>>> table um id que significaria o c�digo do item (colocado no <tr>).
>>>>> Ao selecionar este item e clicar no bot�o alterar eu gostaria de pegar
>>>>> o ID do tr selecionado e assim enviar para um outro formul�rio para
>>>>> altera��o.

>>>>> Alguma id�ia colegas,

>>>> USE O JSBIN.COM / JSFIDDLE.NET PARA C�DIGOS.


>>>> Email: jque...@googlegroups.com
>>>> Biba: jquery-br+unsubscribe@**googlegroups.com<jquery-br%2Bunsubscribe@googlegrou ps.com>
>>>> Site: http://groups.google.com/**group/jquery-br?hl=pt-BR<http://groups.google.com/group/jquery-br?hl=pt-BR>
>>> --
>>> Att,
>>> Anderson A. Machado
>>> Web Developer
>>> B. Sc. Computer Science
>>> Salvador, Brazil
>>> +55(71) 9969-9580
>>> +55(71) 3011-4049
>>> --
>>> Grupo de jQuery Brasil.
>>> REGRAS:http://groups.google.com/group/jquery-br/web/regras-do-grupo

>>> USE O JSBIN.COM / JSFIDDLE.NET PARA C�DIGOS.

Mário Neto

unread,
Aug 19, 2011, 9:29:17 AM8/19/11
to jque...@googlegroups.com
Parent ou Closest, qual teria melhor desempenho?

2011/8/19 Wellington Rodrigues <equ...@desenvolvendosites.com>

Atualizando...

http://jsfiddle.net/XXYzS/5/


Um grande abraço,

Wellington Rodrigues
http://www.twitter.com/programmerbr

Gilton Guma wrote:
Reajuste:
http://jsfiddle.net/gsguma/XXYzS/4/




On 18 ago, 16:45, Tanure <letan...@gmail.com> wrote:
adaptei aqui, pra isso:

http://jsfiddle.net/4fVh2/1/

$("#tabela td").click(function () {
   var idProduto = $(this).parent('tr').data('idproduto');
   alert(idProduto);

})

2011/8/18 Anderson Machado <anderson...@gmail.com>









nao sei porque nao está rodando aí nesse exemplo,
fiz um aqui na minha máquina... isso que voce quer?

$(document).ready(function(){
   $('tr').click(function(){
       alert($(this).attr('id'));
   });
 });
2011/8/18 Wellington Rodrigues <equ...@desenvolvendosites.com>
Marcelo
Esqueci das regras, não me atentei.

Me desculpe pela mensagem anterior.
Segue o link:http://jsfiddle.net/XXYzS/
Não é dos mais bonitos, mas....
Um grande abraço,

Wellington Rodrigues
http://www.twitter.com/**programmerbr<http://www.twitter.com/programmerbr>
Marcelo Florindo wrote:
Colegas,
Uma maneira de resolver o meu problema seria incluir em cada linha da
table um id que significaria o código do item (colocado no <tr>).
Ao selecionar este item e clicar no botão alterar eu gostaria de pegar

o ID do tr selecionado e assim enviar para um outro formulário para
alteração.
Alguma idéia colegas,
Muito obrigado a todos,
USE O JSBIN.COM / JSFIDDLE.NET  PARA CÓDIGOS.
--
Att,
Anderson A. Machado
Web Developer
B. Sc. Computer Science
Salvador, Brazil
+55(71) 9969-9580
+55(71) 3011-4049
 --
Grupo de jQuery Brasil.
REGRAS:http://groups.google.com/group/jquery-br/web/regras-do-grupo
Site:http://groups.google.com/group/jquery-br?hl=pt-BR
--

*Luiz Tanure*
472f5a3aedb906cb767acdbdeaca6d8f





--
Att. Mário A. Chaves Neto
Designer / U.I. Engineer
MBA - Design Digital

Wellington Rodrigues

unread,
Aug 19, 2011, 9:51:20 AM8/19/11
to jque...@googlegroups.com

M�rio,

N�o sei ao certo, mas acho que esta � uma pergunta aos mais experientes
na lista (Neto, juarez, Ramon, Tanure, Suissa, etc...)

Um grande abra�o,

Wellington Rodrigues
http://www.twitter.com/programmerbr

M�rio Neto wrote:
> Parent ou Closest, qual teria melhor desempenho?
>
> 2011/8/19 Wellington Rodrigues <equ...@desenvolvendosites.com

> <mailto:equ...@desenvolvendosites.com>>
>
>
> Atualizando...
>
> http://jsfiddle.net/XXYzS/5/
>
>

> Um grande abra�o,
>
> Wellington Rodrigues

> http://www.twitter.com/__programmerbr


> <http://www.twitter.com/programmerbr>
>
> Gilton Guma wrote:
>
> Reajuste:

> http://jsfiddle.net/gsguma/__XXYzS/4/


> <http://jsfiddle.net/gsguma/XXYzS/4/>
>
>
>
>
> On 18 ago, 16:45, Tanure <letan...@gmail.com

> <mailto:letan...@gmail.com>> wrote:
>
> adaptei aqui, pra isso:
>
> http://jsfiddle.net/4fVh2/1/
>
> $("#tabela td").click(function () {

> var idProduto = $(this).parent('tr').data('__idproduto');


> alert(idProduto);
>
> })
>
> 2011/8/18 Anderson Machado <anderson...@gmail.com

> <mailto:anderson...@gmail.com>>
>
>
>
>
>
>
>
>
>
> nao sei porque nao est� rodando a� nesse exemplo,
> fiz um aqui na minha m�quina... isso que voce quer?


> $(document).ready(function(){
> $('tr').click(function(){
> alert($(this).attr('id'));
> });
> });
> 2011/8/18 Wellington Rodrigues
> <equ...@desenvolvendosites.com

> <mailto:equ...@desenvolvendosites.com>__>
>
> Marcelo
> Esqueci das regras, n�o me atentei.


> Me desculpe pela mensagem anterior.

> Segue o link:http://jsfiddle.net/__XXYzS/
> <http://jsfiddle.net/XXYzS/>
> N�o � dos mais bonitos, mas....


> Um grande abra�o,
> Wellington Rodrigues

> http://www.twitter.com/**__programmerbr
> <http://www.twitter.com/**programmerbr><http://www.__twitter.com/programmerbr


> <http://www.twitter.com/programmerbr>>
> Marcelo Florindo wrote:
>
> Colegas,
> Uma maneira de resolver o meu problema seria
> incluir em cada linha da

> table um id que significaria o c�digo do item
> (colocado no <tr>).
> Ao selecionar este item e clicar no bot�o


> alterar eu gostaria de pegar
> o ID do tr selecionado e assim enviar para um

> outro formul�rio para
> altera��o.

> Alguma id�ia colegas,


> Muito obrigado a todos,
>
> --
> Grupo de jQuery Brasil.

> REGRAS:http://groups.google.__com/**group/jquery-br/web/__regras-do-**grupo
> <http://groups.google.com/**group/jquery-br/web/regras-do-**grupo><http://__groups.google.com/group/__jquery-br/web/regras-do-grupo
> <http://groups.google.com/group/jquery-br/web/regras-do-grupo>>
> USE O JSBIN.COM <http://JSBIN.COM> / JSFIDDLE.NET
> <http://JSFIDDLE.NET> PARA C�DIGOS.
> Email: jque...@googlegroups.com
> <mailto:jque...@googlegroups.com>
> Biba: jquery-br+unsubscribe@**google__groups.com
> <http://googlegroups.com><jquery-br%__2Bunsubscribe@googlegrou
> ps.com <http://ps.com>>
> Site:
> http://groups.google.com/**__group/jquery-br?hl=pt-BR
> <http://groups.google.com/**group/jquery-br?hl=pt-BR><http:__//groups.google.com/group/__jquery-br?hl=pt-BR


> <http://groups.google.com/group/jquery-br?hl=pt-BR>>
>
> --
> Att,
> Anderson A. Machado
> Web Developer
> B. Sc. Computer Science
> Salvador, Brazil

> +55(71) 9969-9580 <tel:%2B55%2871%29%209969-9580>
> +55(71) 3011-4049 <tel:%2B55%2871%29%203011-4049>


> --
> Grupo de jQuery Brasil.

> REGRAS:http://groups.google.__com/group/jquery-br/web/__regras-do-grupo
> <http://groups.google.com/group/jquery-br/web/regras-do-grupo>
> USE O JSBIN.COM <http://JSBIN.COM> / JSFIDDLE.NET
> <http://JSFIDDLE.NET> PARA C�DIGOS.
> Email: jque...@googlegroups.com
> <mailto:jque...@googlegroups.com>
> Biba: jquery-br+unsubscribe@__googlegroups.com
> <mailto:jquery-br%2Bunsu...@googlegroups.com>
> Site:http://groups.google.com/__group/jquery-br?hl=pt-BR

> 472f5a3aedb906cb767acdbdeaca6d__8f


>
>
>
> --
> Grupo de jQuery Brasil.
>
> REGRAS:

> http://groups.google.com/__group/jquery-br/web/regras-do-__grupo
> <http://groups.google.com/group/jquery-br/web/regras-do-grupo>
>
> USE O JSBIN.COM <http://JSBIN.COM> / JSFIDDLE.NET
> <http://JSFIDDLE.NET> PARA C�DIGOS.
>
> Email: jque...@googlegroups.com <mailto:jque...@googlegroups.com>
> Biba: jquery-br+unsubscribe@__googlegroups.com
> <mailto:jquery-br%2Bunsu...@googlegroups.com>
> Site: http://groups.google.com/__group/jquery-br?hl=pt-BR
> <http://groups.google.com/group/jquery-br?hl=pt-BR>
>
>
>
>
> --
> Att. M�rio A. Chaves Neto


> Designer / U.I. Engineer
> MBA - Design Digital
>

> --
> Grupo de jQuery Brasil.
>
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo
>

Tanure

unread,
Aug 19, 2011, 12:37:05 PM8/19/11
to jque...@googlegroups.com
Acho que a diferença é minima

no caso que passei, prefiro usar o parente, pq sei exatamente onde está o elemento.. é o pai do que cliquei

a questão é o retorno tb

o parent retorna um elemento ou zero e o closest retorna uma coleção ou zero


o parente, se inicia a partir do elemento selecionado, e o closest à partir do pai dele

outra coisa, o parente acha apenas elemento acima, e o closest pode achar um elemento depois...

cada caso é um caso, mas nesse, prefiro o parent, por ter o elemento numa posição bem definida

On Fri, Aug 19, 2011 at 10:51, Wellington Rodrigues <equ...@desenvolvendosites.com> wrote:

Mário,

Não sei ao certo, mas acho que esta é uma pergunta aos mais experientes na lista (Neto, juarez, Ramon, Tanure, Suissa, etc...)


Um grande abraço,

Wellington Rodrigues
http://www.twitter.com/programmerbr

Mário Neto wrote:
Parent ou Closest, qual teria melhor desempenho?

2011/8/19 Wellington Rodrigues <equ...@desenvolvendosites.com <mailto:equipe@desenvolvendosites.com>>



   Atualizando...

   http://jsfiddle.net/XXYzS/5/


   Um grande abraço,


   Wellington Rodrigues
   http://www.twitter.com/__programmerbr
   <http://www.twitter.com/programmerbr>

   Gilton Guma wrote:

       Reajuste:
       http://jsfiddle.net/gsguma/__XXYzS/4/
       <http://jsfiddle.net/gsguma/XXYzS/4/>




       On 18 ago, 16:45, Tanure <letan...@gmail.com
       <mailto:letan...@gmail.com>> wrote:

           adaptei aqui, pra isso:

           http://jsfiddle.net/4fVh2/1/

           $("#tabela td").click(function () {
              var idProduto = $(this).parent('tr').data('__idproduto');
              alert(idProduto);

           })

           2011/8/18 Anderson Machado <anderson...@gmail.com
           <mailto:anderson...@gmail.com>>










               nao sei porque nao está rodando aí nesse exemplo,
               fiz um aqui na minha máquina... isso que voce quer?

               $(document).ready(function(){
                  $('tr').click(function(){
                      alert($(this).attr('id'));
                  });
                });
               2011/8/18 Wellington Rodrigues
               <equ...@desenvolvendosites.com
               <mailto:equ...@desenvolvendosites.com>__>


                   Marcelo
                   Esqueci das regras, não me atentei.

                   Me desculpe pela mensagem anterior.
                   Segue o link:http://jsfiddle.net/__XXYzS/
                   <http://jsfiddle.net/XXYzS/>
                   Não é dos mais bonitos, mas....
                   Um grande abraço,
                   Wellington Rodrigues
                   http://www.twitter.com/**__programmerbr
                   <http://www.twitter.com/**programmerbr><http://www.__twitter.com/programmerbr

                   <http://www.twitter.com/programmerbr>>
                   Marcelo Florindo wrote:

                       Colegas,
                       Uma maneira de resolver o meu problema seria
                       incluir em cada linha da
                       table um id que significaria o código do item
                       (colocado no <tr>).
                       Ao selecionar este item e clicar no botão

                       alterar eu gostaria de pegar
                       o ID do tr selecionado e assim enviar para um
                       outro formulário para
                       alteração.
                       Alguma idéia colegas,

                       Muito obrigado a todos,

                   --
                   Grupo de jQuery Brasil.
                   REGRAS:http://groups.google.__com/**group/jquery-br/web/__regras-do-**grupo
                   <http://JSFIDDLE.NET>  PARA CÓDIGOS.

                   Email: jque...@googlegroups.com
                   <mailto:jquery-br@googlegroups.com>

                   Biba:   jquery-br+unsubscribe@**google__groups.com
                   <http://googlegroups.com><jquery-br%__2Bunsubscribe@googlegrou
                   ps.com <http://ps.com>>

                   Site:                       http://groups.google.com/**__group/jquery-br?hl=pt-BR
                   <http://groups.google.com/**group/jquery-br?hl=pt-BR><http:__//groups.google.com/group/__jquery-br?hl=pt-BR

                   <http://groups.google.com/group/jquery-br?hl=pt-BR>>

               --
               Att,
               Anderson A. Machado
               Web Developer
               B. Sc. Computer Science
               Salvador, Brazil
               +55(71) 9969-9580 <tel:%2B55%2871%29%209969-9580>
               +55(71) 3011-4049 <tel:%2B55%2871%29%203011-4049>

                --
               Grupo de jQuery Brasil.
               REGRAS:http://groups.google.__com/group/jquery-br/web/__regras-do-grupo
               USE O JSBIN.COM <http://JSBIN.COM> / JSFIDDLE.NET
               <http://JSFIDDLE.NET> PARA CÓDIGOS.

               Email: jque...@googlegroups.com
               <mailto:jquery-br@googlegroups.com>

               Biba: jquery-br+unsubscribe@__googlegroups.com
               <mailto:jquery-br%2Bunsu...@googlegroups.com>

               Site:http://groups.google.com/__group/jquery-br?hl=pt-BR
               <http://groups.google.com/group/jquery-br?hl=pt-BR>

           --

           *Luiz Tanure*
           472f5a3aedb906cb767acdbdeaca6d__8f



   --     Grupo de jQuery Brasil.    USE O JSBIN.COM <http://JSBIN.COM> / JSFIDDLE.NET
   <http://JSFIDDLE.NET>  PARA CÓDIGOS.

   Email: jque...@googlegroups.com <mailto:jquery-br@googlegroups.com>

   Biba:   jquery-br+unsubscribe@__googlegroups.com
   <mailto:jquery-br%2Bunsu...@googlegroups.com>
   <http://groups.google.com/group/jquery-br?hl=pt-BR>




--
Att. Mário A. Chaves Neto

Designer / U.I. Engineer
MBA - Design Digital

--
Grupo de jQuery Brasil.
 REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

--



--

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

Mário Neto

unread,
Aug 19, 2011, 12:49:28 PM8/19/11
to jque...@googlegroups.com
Com essas explicações prefiro o parent tbm, hehe, vlw! =)

2011/8/19 Tanure <leta...@gmail.com>

Tanure

unread,
Aug 19, 2011, 12:54:08 PM8/19/11
to jque...@googlegroups.com
fora isso... olhem o codigo de cada função e chutem o melhor desenpenho


parent

parentfunctionelem {
    return !!elem.firstChild;
},

closest

closestfunctionselectorscontext {
        var ret []ilcur this[0];
        
        // Array
        if jQuery.isArrayselectors {
            var matchselector,
                matches {},
                level 1;

            if cur && selectors.length {
                for 0selectors.lengthli++ {
                    selector selectors[i];

                    if !matchesselector {
                        matchesselector POS.testselector ?
                            jQueryselectorcontext || this.context :
                            selector;
                    }
                }

                while cur && cur.ownerDocument && cur !== context {
                    for selector in matches {
                        match matchesselector ];

                        if match.jquery match.indexcur -:jQuerycur ).ismatch {
                            ret.push(selectorselectorelemcurlevel:level });
                        }
                    }

                    cur cur.parentNode;
                    level++;
                }
            }

            return ret;
        }

        // String
        var pos POS.testselectors || typeof selectors !== "string" ?
                jQueryselectorscontext || this.context :
                0;

        for 0this.lengthli++ {
            cur this[i];

            while cur {
                if pos pos.index(cur-:jQuery.find.matchesSelector(curselectors{
                    ret.pushcur );
                    break;

                else {
                    cur cur.parentNode;
                    if !cur || !cur.ownerDocument || cur === context ||cur.nodeType === 11 {
                        break;
                    }
                }
            }
        }

        ret ret.length jQuery.uniqueret ret;

        return this.pushStackret"closest"selectors );
    },

Luiz Tanure

472f5a3aedb906cb767acdbdeaca6d8f

Jeison Frasson

unread,
Aug 19, 2011, 4:03:53 PM8/19/11
to jque...@googlegroups.com
só para constar, quando tenho que navegar pelos seletores prefiro usar
.closest() e .find(), nunca me dei bem com o .parent() e .children()

---
Att: Jeison Frasson :.
+55 19 8809-8669

On Fri, 19 Aug 2011 13:54:08 -0300, Tanure <leta...@gmail.com> wrote:
> fora isso... olhem o codigo de cada função e chutem o melhor
> desenpenho
>
> parent
>
> parent: function( elem ) {
>     return !!elem.firstChild;
> },
>
> closest
>
> closest: function( selectors, context ) {
>         var ret = [], i, l, cur = this[0];
>         
>         // Array
>         if ( jQuery.isArray( selectors ) ) {
>             var match, selector,
>                 matches = {},
>                 level = 1;
>
>             if ( cur && selectors.length ) {
>              
>

>   for ( i = 0, l = selectors.length; i  -1 :jQuery( cur ).is( match ) ) {


>                          
>   ret.push({ selector: selector, elem: cur, level:level });
>                         }
>                     }
>
>                     cur = cur.parentNode;
>                     level++;
>                 }
>             }
>
>             return ret;
>         }
>
>         // String
>      
>   var pos = POS.test( selectors ) || typeof selectors !== "string" ?
>              
>   jQuery( selectors, context || this.context ) :
>                 0;
>
>      
>

>   for ( i = 0, l = this.length; i  -1 :jQuery.find.matchesSelector(cur, selectors) ) {


>                     ret.push( cur );
>                     break;
>
>                 } else {
>                     cur = cur.parentNode;
>                  
>
>   if ( !cur || !cur.ownerDocument || cur === context ||cur.nodeType === 11 ) {
>                         break;
>                     }
>                 }
>             }
>         }
>
>      
>   ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
>
>         return this.pushStack( ret, "closest", selectors );
>     },
>

> On Fri, Aug 19, 2011 at 13:49, Mário Neto wrote:
> Com essas explicações prefiro o parent tbm, hehe, vlw! =)
>
> 2011/8/19 Tanure

> Acho que a diferença é minima
>
> no caso que passei, prefiro usar o parente, pq sei exatamente onde
> está o elemento.. é o pai do que cliquei
>
> a questão é o retorno tb
>
> o parent retorna um elemento ou zero e o closest retorna uma
> coleção ou zero
>
> o parente, se inicia a partir do elemento selecionado, e o closest à
> partir do pai dele
>
> outra coisa, o parente acha apenas elemento acima, e o closest pode
> achar um elemento depois...
>
> cada caso é um caso, mas nesse, prefiro o parent, por ter o elemento
> numa posição bem definida
>

> On Fri, Aug 19, 2011 at 10:51, Wellington Rodrigues wrote:
>
> Mário,
>
> Não sei ao certo, mas acho que esta é uma pergunta aos mais
> experientes na lista (Neto, juarez, Ramon, Tanure, Suissa, etc...)
>
> Um grande abraço,
>
> Wellington Rodrigues

> http://www.twitter.com/programmerbr [4]


>
> Mário Neto wrote:
>
> Parent ou Closest, qual teria melhor desempenho?
>
> 2011/8/19 Wellington Rodrigues
>

>    Atualizando...
>
>    http://jsfiddle.net/XXYzS/5/ [7]


>
>    Um grande abraço,
>
>    Wellington Rodrigues

>    http://www.twitter.com/__programmerbr [8]
>    
>
>    Gilton Guma wrote:
>
>        Reajuste:
>        http://jsfiddle.net/gsguma/__XXYzS/4/ [10]


>        
>
>        On 18 ago, 16:45, Tanure wrote:
>
>            adaptei aqui, pra isso:
>

>            http://jsfiddle.net/4fVh2/1/ [14]


>
>            $("#tabela td").click(function () {
>               var idProduto =
> $(this).parent('tr').data('__idproduto');
>               alert(idProduto);
>
>            })
>
>            2011/8/18 Anderson Machado
>

>                nao sei porque nao está rodando aí nesse
> exemplo,
>                fiz um aqui na minha máquina... isso que
> voce quer?
>                $(document).ready(function(){
>                   $('tr').click(function(){
>                       alert($(this).attr('id'));
>                   });
>                 });
>                2011/8/18 Wellington Rodrigues
>                
>

>                    Marcelo
>                    Esqueci das regras, não me atentei.
>                    Me desculpe pela mensagem anterior.
>                    Segue o

> link:http://jsfiddle.net/__XXYzS/ [19]


>                    
>                    Não é dos mais bonitos, mas....
>                    Um grande abraço,
>                    Wellington Rodrigues
>                    http://www.twitter.com/**__programmerbr

> [21]


>                    
>                    Marcelo Florindo wrote:
>
>                        Colegas,
>                        Uma maneira de resolver o meu
> problema seria
>                        incluir em cada linha da
>                        table um id que significaria o
> código do item

>                        (colocado no ).


>                        Ao selecionar este item e clicar
> no botão
>                        alterar eu gostaria de pegar
>                        o ID do tr selecionado e assim
> enviar para um
>                        outro formulário para
>                        alteração.
>                        Alguma idéia colegas,
>                        Muito obrigado a todos,
>
>                    --
>                    Grupo de jQuery Brasil.
>                    REGRAS:http://groups.google.

> [26]__com/**group/jquery-br/web/__regras-do-**grupo
>                    
>                    USE O JSBIN.COM [30] / JSFIDDLE.NET
> [32]
>                      PARA CÓDIGOS.
>
>                    Email: jque...@googlegroups.com [34]
>                    
>                    Biba:  
> jquery-br+unsubscribe@**google__groups.com [36]
>                    
>
>                    Site:                      
> http://groups.google.com/**__group/jquery-br?hl=pt-BR [40]


>                    
>
>                --
>                Att,
>                Anderson A. Machado
>                Web Developer
>                B. Sc. Computer Science
>                Salvador, Brazil

>                +55(71) 9969-9580 [44]
>                +55(71) 3011-4049 [45]


>
>                 --
>                Grupo de jQuery Brasil.
>                REGRAS:http://groups.google.

> [46]__com/group/jquery-br/web/__regras-do-grupo
>
>                
>                USE O JSBIN.COM [48] / JSFIDDLE.NET [50]
>                 PARA CÓDIGOS.
>
>                Email: jque...@googlegroups.com [52]
>                
>
>                Biba:
> jquery-br+unsubscribe@__googlegroups.com [54]
>                
>
>              
>  Site:http://groups.google.com/__group/jquery-br?hl=pt-BR [56]


>                
>
>            --
>
>            *Luiz Tanure*
>            472f5a3aedb906cb767acdbdeaca6d__8f
>
>    --     Grupo de jQuery Brasil.
>
>    REGRAS:
>  
>  http://groups.google.com/__group/jquery-br/web/regras-do-__grupo

> [58]
>    
>
>    USE O JSBIN.COM [60] / JSFIDDLE.NET [62]
>      PARA CÓDIGOS.
>
>    Email: jque...@googlegroups.com [64]
>
>    Biba:   jquery-br+unsubscribe@__googlegroups.com [66]
>    
>
>    Site:    http://groups.google.com/__group/jquery-br?hl=pt-BR
> [68]


>
>    
>
> --
> Att. Mário A. Chaves Neto
> Designer / U.I. Engineer
> MBA - Design Digital
>
> --
> Grupo de jQuery Brasil.
>  REGRAS:

> http://groups.google.com/group/jquery-br/web/regras-do-grupo [70]
>  USE O JSBIN.COM [71] / JSFIDDLE.NET [72] PARA CÓDIGOS.
>  Email: jque...@googlegroups.com [73]
> Biba: jquery-br+...@googlegroups.com [74]
> Site: http://groups.google.com/group/jquery-br?hl=pt-BR [75]


>
> --
>
> Grupo de jQuery Brasil.
>
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

> [76]
>
> USE O JSBIN.COM [77] / JSFIDDLE.NET [78]  PARA CÓDIGOS.
>
> Email: jque...@googlegroups.com [79]
> Biba:   jquery-br+...@googlegroups.com [80]
> Site:    http://groups.google.com/group/jquery-br?hl=pt-BR [81]
>
> --
>
> LUIZ TANURE 472f5a3aedb906cb767acdbdeaca6d8f


>
> --
> Grupo de jQuery Brasil.
>  
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

> [82]
>  
> USE O JSBIN.COM [83] / JSFIDDLE.NET [84] PARA CÓDIGOS.
>  
> Email: jque...@googlegroups.com [85]
> Biba: jquery-br+...@googlegroups.com [86]
> Site: http://groups.google.com/group/jquery-br?hl=pt-BR [87]


>
> --
> Att. Mário A. Chaves Neto
> Designer / U.I. Engineer
> MBA - Design Digital
>
> --
> Grupo de jQuery Brasil.
>  
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

> [88]
>  
> USE O JSBIN.COM [89] / JSFIDDLE.NET [90] PARA CÓDIGOS.
>  
> Email: jque...@googlegroups.com [91]
> Biba: jquery-br+...@googlegroups.com [92]
> Site: http://groups.google.com/group/jquery-br?hl=pt-BR [93]
>
> --
>
> LUIZ TANURE 472f5a3aedb906cb767acdbdeaca6d8f


>
> --
> Grupo de jQuery Brasil.
>
> REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo

> [94]

> Site: http://groups.google.com/group/jquery-br?hl=pt-BR [95]
>
>
> Links:
> ------
> [1] mailto:macnd...@gmail.com
> [2] mailto:leta...@gmail.com
> [3] mailto:equ...@desenvolvendosites.com
> [4] http://www.twitter.com/programmerbr
> [5] mailto:equ...@desenvolvendosites.com
> [6] mailto:equ...@desenvolvendosites.com
> [7] http://jsfiddle.net/XXYzS/5/
> [8] http://www.twitter.com/__programmerbr
> [9] http://www.twitter.com/programmerbr
> [10] http://jsfiddle.net/gsguma/__XXYzS/4/
> [11] http://jsfiddle.net/gsguma/XXYzS/4/
> [12] mailto:letan...@gmail.com
> [13] mailto:letan...@gmail.com
> [14] http://jsfiddle.net/4fVh2/1/
> [15] mailto:anderson...@gmail.com
> [16] mailto:anderson...@gmail.com
> [17] mailto:equ...@desenvolvendosites.com
> [18] mailto:equ...@desenvolvendosites.com
> [19] http://jsfiddle.net/__XXYzS/
> [20] http://jsfiddle.net/XXYzS/
> [21] http://www.twitter.com/**__programmerbr
> [22] http://www.twitter.com/**programmerbr
> [23] http://www.
> [24] http://twitter.com/programmerbr
> [25] http://www.twitter.com/programmerbr
> [26] http://groups.google.
> [27] http://groups.google.com/**group/jquery-br/web/regras-do-**grupo
> [28] http://groups.google.com/group/__jquery-br/web/regras-do-grupo
> [29] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [30] http://JSBIN.COM
> [31] http://JSBIN.COM
> [32] http://JSFIDDLE.NET
> [33] http://JSFIDDLE.NET
> [34] mailto:jque...@googlegroups.com
> [35] mailto:jque...@googlegroups.com
> [36] http://google__groups.com
> [37] http://googlegroups.com
> [38] http://ps.com
> [39] http://ps.com
> [40] http://groups.google.com/**__group/jquery-br?hl=pt-BR
> [41] http://groups.google.com/**group/jquery-br?hl=pt-BR
> [42] http://groups.google.com/group/__jquery-br?hl=pt-BR
> [43] http://groups.google.com/group/jquery-br?hl=pt-BR
> [44] http://www.newsmade.com.br/tel:%2B55%2871%29%209969-9580
> [45] http://www.newsmade.com.br/tel:%2B55%2871%29%203011-4049
> [46] http://groups.google.
> [47] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [48] http://JSBIN.COM
> [49] http://JSBIN.COM
> [50] http://JSFIDDLE.NET
> [51] http://JSFIDDLE.NET
> [52] mailto:jque...@googlegroups.com
> [53] mailto:jque...@googlegroups.com
> [54] http://googlegroups.com
> [55] mailto:jquery-br%252Buns...@googlegroups.com
> [56] http://groups.google.com/__group/jquery-br?hl=pt-BR
> [57] http://groups.google.com/group/jquery-br?hl=pt-BR
> [58] http://groups.google.com/__group/jquery-br/web/regras-do-__grupo
> [59] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [60] http://JSBIN.COM
> [61] http://JSBIN.COM
> [62] http://JSFIDDLE.NET
> [63] http://JSFIDDLE.NET
> [64] mailto:jque...@googlegroups.com
> [65] mailto:jque...@googlegroups.com
> [66] http://googlegroups.com
> [67] mailto:jquery-br%252Buns...@googlegroups.com
> [68] http://groups.google.com/__group/jquery-br?hl=pt-BR
> [69] http://groups.google.com/group/jquery-br?hl=pt-BR
> [70] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [71] http://JSBIN.COM
> [72] http://JSFIDDLE.NET
> [73] mailto:jque...@googlegroups.com
> [74] mailto:jquery-br%2Bunsu...@googlegroups.com
> [75] http://groups.google.com/group/jquery-br?hl=pt-BR
> [76] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [77] http://JSBIN.COM
> [78] http://JSFIDDLE.NET
> [79] mailto:jque...@googlegroups.com
> [80] mailto:jquery-br%2Bunsu...@googlegroups.com
> [81] http://groups.google.com/group/jquery-br?hl=pt-BR
> [82] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [83] http://JSBIN.COM
> [84] http://JSFIDDLE.NET
> [85] mailto:jque...@googlegroups.com
> [86] mailto:jquery-br%2Bunsu...@googlegroups.com
> [87] http://groups.google.com/group/jquery-br?hl=pt-BR
> [88] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [89] http://JSBIN.COM
> [90] http://JSFIDDLE.NET
> [91] mailto:jque...@googlegroups.com
> [92] mailto:jquery-br%2Bunsu...@googlegroups.com
> [93] http://groups.google.com/group/jquery-br?hl=pt-BR
> [94] http://groups.google.com/group/jquery-br/web/regras-do-grupo
> [95] http://groups.google.com/group/jquery-br?hl=pt-BR

Reply all
Reply to author
Forward
0 new messages