Selecionar primeiro elemento

23 views
Skip to first unread message

Juan Gonçalves de Abreu

unread,
Dec 6, 2015, 9:46:06 AM12/6/15
to jQuery (Brasil)
Oi, tudo bem pessoal! Gostaria de saber como faço pra selecionar apenas o primeiro "button" desse código:

<div class="button-group">
<button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
</div>

Pra depois inserir uma classe/id nela e aplicar um efeito.

Na verdade eu quero selecionar o primeiro elemento, no caso o "button" e faze-lo desaparecer pode ser com o ".hide" ou .css('display', 'none').

Se alguém souber, dá uma ajuda nesta parte, ficarei muito agradecido!

Muito obrigado!

Tiago Agostinho

unread,
Dec 6, 2015, 3:21:57 PM12/6/15
to jque...@googlegroups.com
Olá Juan.

Não entendi muito bem o que seria selecionar o botão. Ou você quis dizer, clicar no botão.


Tiago

--
--
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ê recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Thiago Santos

unread,
Dec 9, 2015, 6:25:45 AM12/9/15
to jquery-br
Com css CSS.
.button-group > .button:first-child{ display:none;}

Atc,
Thiago Santos
www.tigurio.com.br
71 9200-1869
______________________

GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
FanPage:  http://www.facebook.com/fanpageTigurio 
Linked In: http://br.linkedin.com/in/tigurio
________________________________________

Júlio Cezar Santos Lima

unread,
Dec 9, 2015, 2:15:56 PM12/9/15
to jQuery (Brasil)
para selecionar o primeiro botao no Jquery voce pode fazer da seguinte maneira


$("button:eq(0)");  com o eq(0) voce seleciona qual botao vc quer selecionar

Fernando Wobeto

unread,
Dec 30, 2015, 7:11:52 AM12/30/15
to jque...@googlegroups.com

Se eles não são dinâmicos e você tem poder de edição sobre eles, recomendo você a adicionar um identificador para cada um para melhorar a seleção.

Senão você faz assim:

var primeiro_botao = $('.button-group').find('button:first');

Fernando Wobeto

Full-stack Web Developer

Soluções Globais Tecnologia Ltda

--

Reply all
Reply to author
Forward
0 new messages