campos input com mesmo nome

591 views
Skip to first unread message

WeBCraZY

unread,
Nov 13, 2012, 1:04:45 AM11/13/12
to jque...@googlegroups.com
Bom dia.
Estou com problemas ao pegar varios campos inputs do mesmo nome.
Tenho um div onde o nome é nomejogomeionegrito. Esse div é gerado aletoriamente conforme a quantidade de dados que possuo no banco.... Exemplo : tenho 5 resultado no banco... sao criadas 5 divs com o mesmo nome #nomejogomeionegrito.
Como no codigo abaixo....

$("#nomejogomeionegrito").click(function(){
       
        var id_jogo = $('#id_jogo');
        var recursiveEncoded = $.param(id_jogo);
        var recebe_idjogo = recursiveEncoded.substring(1, recursiveEncoded.length - 0);
        //alert(rr);
       
        $('#content').html('<p><img src="images/ajax-loader.gif"/></p>');
       
        $("#content").load("jogoshtml5.php",{idgame:recebe_idjogo},  function(jogo){
                         
        });
       
    });


o id #nomejogomeionegrito é um link<a href="">...
existe um input do tipo hidden, contendo o id_jogo.....
ao clicar nesse link, ele vai pegar o valor do input hidden que esta na div....
ou seja... ao clickar em #nomejogomeionegrito ele irá pegar o valor dakele input dentro dakela div...

 Estou tentando usar esse codigo para abrir um ajax conforme codigo acima...o que acontece é que apenas o primeiro elemento funciona...os demais a partir do segundo...nao funcionam...
o que é necessário fazer?já tentei usar varios tipos como each...live...varias coisas e nao consegui...
é possivel fazer isso?
agradeco desde ja.

Henrique - gmail

unread,
Nov 13, 2012, 4:53:24 AM11/13/12
to jque...@googlegroups.com

Thiago Roieski Maltezo

unread,
Nov 13, 2012, 5:40:02 AM11/13/12
to jque...@googlegroups.com
com delegate você consegue.
--
Thiago Roieski Maltezo
Desenvolvedor FrontEnd


Erismar Batista

unread,
Nov 13, 2012, 6:17:53 AM11/13/12
to jque...@googlegroups.com
Isso pq vc ta usando ID, use a CLASS para especificar uma ação para VÁRIOS elementos.

Abçs

Marcus Xavier

unread,
Nov 13, 2012, 8:17:26 AM11/13/12
to jque...@googlegroups.com
uso class na hora do click ou na hora de capturar o valor??

Delegate?? pode me dar um exem´plo?

agradeço desde já!.

Em 13/11/12, Erismar Batista<eri...@gmail.com> escreveu:
> Isso pq vc ta usando ID, use a CLASS para especificar uma ação para VÁRIOS
> elementos.
>
> Abçs
>
> Em 13 de novembro de 2012 07:40, Thiago Roieski Maltezo <
> thiago.u...@gmail.com> escreveu:
>
>> com delegate você consegue.
>>
>> Em 13 de novembro de 2012 07:53, Henrique - gmail
>> <henri...@gmail.com>escreveu:
>>
>> **
>>> on.....
>>>
>>> live....
>>>
>>> ----- Original Message -----
>>> *From:* WeBCraZY <marcus....@gmail.com>
>>> *To:* jque...@googlegroups.com
>>> *Sent:* Tuesday, November 13, 2012 4:04 AM
>>> *Subject:* [jquery-br] campos input com mesmo nome
Marcus Xavier

Marcus Xavier

unread,
Nov 13, 2012, 8:27:39 AM11/13/12
to jque...@googlegroups.com
$("table").delegate("td", "click", function() {
$(this).toggleClass("chosen");
});

seria algo assim??com o elemento a?como eh possivel?

source:http://api.jquery.com/delegate/

2012/11/13, Marcus Xavier <marcus....@gmail.com>:
--
Marcus Xavier

Vitor Britto

unread,
Nov 13, 2012, 8:43:07 AM11/13/12
to jque...@googlegroups.com
Marcus,

Acredito que isto possa lhe ajudar.

http://tableless.com.br/jquery-conheca-os-metodos-on-e-off/ ( métodos on() e off() )
http://tableless.com.br/associando-eventos-dinamicamente/ ( métodos bind(), live(), delegate() )

Boa sorte!

Abs!

Leo Guima

unread,
Nov 13, 2012, 9:03:16 AM11/13/12
to jque...@googlegroups.com
Só pra lembrar ID do DOM é ÚNICO (não se pode criar divs com o mesmo id, isto é errado e sempre vai dar problema).

1 objeto = ID;
2+ = CLASS


2012/11/13 Vitor Britto <vhbr...@gmail.com>



--
Atenciosamente,

Leo Guima
PHP, JQuery, Flex/Flash
(71) 8786-9091

Marcus Xavier

unread,
Nov 13, 2012, 1:24:25 PM11/13/12
to jque...@googlegroups.com
obrigado Vitor...vou dar uma olhada e uma mexida nos códigos..
vocês já me deram alguma luz pelo menos...

Leo...uma dúvida...qual a forma correta entao de fazer varios ids com
o mesmo nome? ou nao deve-se fazer com id´s e sim com class?

2012/11/13, Leo Guima <leog...@gmail.com>:
> Só pra lembrar ID do DOM é ÚNICO (não se pode criar divs com o mesmo id,
> isto é errado e sempre vai dar problema).
>
> 1 objeto = ID;
> 2+ = CLASS
>
>
> 2012/11/13 Vitor Britto <vhbr...@gmail.com>
>
>> Marcus,
>>
>> Acredito que isto possa lhe ajudar.
>>
>> http://tableless.com.br/jquery-conheca-os-metodos-on-e-off/ ( métodos *
>> on()* e *off()* )
>> http://tableless.com.br/associando-eventos-dinamicamente/ ( métodos *
>> bind()*, *live()*, *delegate()* )
>>
>> Boa sorte!
>>
>> Abs!
>>
>> Em terça-feira, 13 de novembro de 2012 11h27min44s UTC-2, WeBCraZY
>> escreveu:
>>>
>>> $("table").delegate("td", "click", function() {
>>> $(this).toggleClass("chosen");
>>> });
>>>
>>> seria algo assim??com o elemento a?como eh possivel?
>>>
>>> source:http://api.jquery.com/**delegate/<http://api.jquery.com/delegate/>
>>>
>>> 2012/11/13, Marcus Xavier <marcus....@gmail.com>:
>>> > uso class na hora do click ou na hora de capturar o valor??
>>> >
>>> > Delegate?? pode me dar um exem´plo?
>>> >
>>> > agradeço desde já!.
>>> >
>>> > Em 13/11/12, Erismar Batista<eri...@gmail.com> escreveu:
>>> >> Isso pq vc ta usando ID, use a CLASS para especificar uma ação para
>>> >> VÁRIOS
>>> >> elementos.
>>> >>
>>> >> Abçs
>>> >>
>>> >> Em 13 de novembro de 2012 07:40, Thiago Roieski Maltezo <
>>> >> thiago.u...@gmail.com> escreveu:
>>> >>
>>> >>> com delegate você consegue.
>>> >>>
>>> >>> Em 13 de novembro de 2012 07:53, Henrique - gmail
>>> >>> <henri...@gmail.com>**escreveu:
>>> >>>
>>> >>> **
>>> >>>> on.....
>>> >>>>
>>> >>>> live....
>>> >>>>
>>> >>>> ----- Original Message -----
>>> >>>> *From:* WeBCraZY <marcus....@gmail.com>
>>> >>>> *To:* jque...@googlegroups.com
>>> >>>> *Sent:* Tuesday, November 13, 2012 4:04 AM
>>> >>>> *Subject:* [jquery-br] campos input com mesmo nome
>>> >>>>
>>> >>>> Bom dia.
>>> >>>> Estou com problemas ao pegar varios campos inputs do mesmo nome.
>>> >>>> Tenho um div onde o nome é nomejogomeionegrito. Esse div é gerado
>>> >>>> aletoriamente conforme a quantidade de dados que possuo no
>>> >>>> banco....
>>> >>>> Exemplo : tenho 5 resultado no banco... sao criadas 5 divs com o
>>> mesmo
>>> >>>> nome
>>> >>>> #nomejogomeionegrito.
>>> >>>> Como no codigo abaixo....
>>> >>>>
>>> >>>> $("#nomejogomeionegrito").**click(function(){
>>> >>>>
>>> >>>> var id_jogo = $('#id_jogo');
>>> >>>> var recursiveEncoded = $.param(id_jogo);
>>> >>>> var recebe_idjogo = recursiveEncoded.substring(1,
>>> >>>> recursiveEncoded.length - 0);
>>> >>>> //alert(rr);
>>> >>>>
>>> >>>> $('#content').html('<p><img
>>> >>>> src="images/ajax-loader.gif"/>**</p>');
>>> >>>>
>>> >>>>
>>> >>>> $("#content").load("**jogoshtml5.php",{idgame:**recebe_idjogo},
>>>
>>> >>>> function(jogo){
>>> >>>>
>>> >>>> });
>>> >>>>
>>> >>>> });
>>> >>>>
>>> >>>>
>>> >>>> o id #nomejogomeionegrito é um link<a href="">...
>>> >>>> existe um input do tipo hidden, contendo o id_jogo.....
>>> >>>> ao clicar nesse link, ele vai pegar o valor do input hidden que
>>> >>>> esta
>>> na
>>> >>>> div....
>>> >>>> ou seja... ao clickar em #nomejogomeionegrito ele irá pegar o valor
>>> >>>> dakele input dentro dakela div...
>>> >>>>
>>> >>>> Estou tentando usar esse codigo para abrir um ajax conforme codigo
>>> >>>> acima...o que acontece é que apenas o primeiro elemento
>>> funciona...os
>>> >>>> demais a partir do segundo...nao funcionam...
>>> >>>> o que é necessário fazer?já tentei usar varios tipos como
>>> >>>> each...live...varias coisas e nao consegui...
>>> >>>> é possivel fazer isso?
>>> >>>> agradeco desde ja.
>>> >>>>
>>> >>>> --
>>> >>>> Grupo de jQuery Brasil.
>>> >>>>
>>> >>>> REGRAS:
>>> >>>> https://docs.google.com/**document/d/1VfvTDmeHTSj-**
>>> L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH**4/edit<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<http://groups.google.com/group/jquery-br?hl=pt-BR>
>>> >>>>
>>> >>>> --
>>> >>>> Grupo de jQuery Brasil.
>>> >>>>
>>> >>>> REGRAS:
>>> >>>> https://docs.google.com/**document/d/1VfvTDmeHTSj-**
>>> L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH**4/edit<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<http://groups.google.com/group/jquery-br?hl=pt-BR>
>>> >>>>
>>> >>>
>>> >>>
>>> >>>
>>> >>> --
>>> >>> Thiago Roieski Maltezo
>>> >>> Desenvolvedor FrontEnd
>>> >>> http://www.codeando.com.br
>>> >>> MSN : thi...@thiagomorello.com
>>> >>> Facebook :
>>> >>> https://www.facebook.com/**morelleis<https://www.facebook.com/morelleis>
>>> >>>
>>> >>>
>>> >>> --
>>> >>> Grupo de jQuery Brasil.
>>> >>>
>>> >>> REGRAS:
>>> >>> https://docs.google.com/**document/d/1VfvTDmeHTSj-**
>>> L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH**4/edit<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<http://groups.google.com/group/jquery-br?hl=pt-BR>
>>> >>>
>>> >>
>>> >> --
>>> >> Grupo de jQuery Brasil.
>>> >>
>>> >> REGRAS:
>>> >> https://docs.google.com/**document/d/1VfvTDmeHTSj-**
>>> L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH**4/edit<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<http://groups.google.com/group/jquery-br?hl=pt-BR>

Marcus Xavier

unread,
Nov 13, 2012, 1:56:14 PM11/13/12
to jque...@googlegroups.com
Pessoal ! Obrigado pela ajuda...
funcionou...peguei as dicas detodos e juntei em uma coisa...
segue o resultado...
obs: fiz o que o leo flw...e usei class ao inves de div...funcionou...
$('.nomejogomeionegrito').bind('click', function(){
alert("teste")
});

abracos

2012/11/13, Marcus Xavier <marcus....@gmail.com>:
--
Marcus Xavier

Marcus Xavier

unread,
Nov 13, 2012, 2:25:17 PM11/13/12
to jque...@googlegroups.com
Ainda tenho uma dúvida....
O código abaixo é executado e um alert com o id eh mostrado.
Porem a mesma coisa acontece... Pego apenas o primeiro resultado....
funciona com todas as class agora...mas so tras o resultado do primeiro id...
o que eu preciso fazer eh ao click do nomejogomeionegrito...ele
capturar o valor do input hidden dentro da div nomejogomeionegrito....

alguem sabe o que posso fazer?

$('.nomejogomeionegrito').bind('click', function(){
var id_jogo = $(".id_jogo").val();
var recursiveEncoded = $.param(id_jogo);
var recebe_idjogo = recursiveEncoded.substring(1,
recursiveEncoded.length - 0);
alert(recebe_idjogo);
});

2012/11/13, Marcus Xavier <marcus....@gmail.com>:
--
Marcus Xavier

Cadmiel Jorge

unread,
Nov 13, 2012, 2:28:07 PM11/13/12
to jque...@googlegroups.com
Tive um problema parecido e consegue resolver usando sufixo, você pode fazer o mesmo deixar o sufixo dinamico.


2012/11/13 Marcus Xavier <marcus....@gmail.com>

Marcus Xavier

unread,
Nov 13, 2012, 2:41:53 PM11/13/12
to jque...@googlegroups.com
tipo "_1" , "_2" dessa forma? e so assim vou conseguir fazer isso? =(

2012/11/13, Cadmiel Jorge <cadmie...@gmail.com>:

Leo Guima

unread,
Nov 13, 2012, 3:08:04 PM11/13/12
to jque...@googlegroups.com
pega o filho (input) com children()


2012/11/13 Marcus Xavier <marcus....@gmail.com>

Marcus Xavier

unread,
Nov 13, 2012, 4:08:12 PM11/13/12
to jque...@googlegroups.com
ja tentei com each do children...mas nada ate agora! !! ! ! ! !!!

2012/11/13, Leo Guima <leog...@gmail.com>:

Leo Guima

unread,
Nov 13, 2012, 8:58:26 PM11/13/12
to jque...@googlegroups.com
http://jsfiddle.net/C9GKd/


2012/11/13 Marcus Xavier <marcus....@gmail.com>

Marcus Xavier

unread,
Nov 13, 2012, 9:33:34 PM11/13/12
to jque...@googlegroups.com
isso Funcionaria perfeitamente...e foi ate aonde eu cheguei Leo....
esqueci de passar meu html...desculpe-me...
segue abaixo....

<li>

<div id="content_meio">
<span id="minilogojogomeio"><img src="<?php echo
$img_jogos ;?>" /></span>
<span class="nomejogomeionegrito"
id="nomejogomeionegrito"><b><?php echo $nome_jogo ;?></b></span>
<span id="inforjogomeio"><i><?php echo $info_jogo ;?></i></span>
<span id="morecomentarios"><a href="#">Ver mais
Coment&aacute;rios</a></span>
<input type='hidden' class='id_jogo' name="id_jogo" id='id_jogo'
value='<?php echo $id_jogos ;?>'>
</li><br />

ao clicar em nomejogomeionegrito quero pegar o
hidden(last-child)...mas me tras o valor em branco agora...com o
children tras o valor em branco tbm...como eu poderia filtrar isso?


2012/11/13, Leo Guima <leog...@gmail.com>:

Leo Guima

unread,
Nov 13, 2012, 9:57:34 PM11/13/12
to jque...@googlegroups.com
http://jsfiddle.net/C9GKd/2/


2012/11/13 Marcus Xavier <marcus....@gmail.com>

Marcus Xavier

unread,
Nov 13, 2012, 10:05:27 PM11/13/12
to jque...@googlegroups.com
perfeito Leo! ! !
exatamente isso que eu precisava...! !
Muito obrigada pela ajuda! ! !
Agradeço o tempo cedido!
Abraços

2012/11/14, Leo Guima <leog...@gmail.com>:
Reply all
Reply to author
Forward
0 new messages