Tenho uma tabela em bootstrap e numa das colunas tenho um botão de gravar escondido. Queria ao clicar no input existente, que esse botao aparecesse.
Ja estou farto de tentar fazer diversos metodos de selectores mas ate agora nenhum funcionou.
O que tenho actualmente é assim:
<tr>
<td>5103</td>
<td class="text-center"><i class="fa fa-share-alt-square text-red"></i></td>
<td>1961-0679x</td>
<td> Abraçadeira união escape</td>
<td>Acessórios escapes cross</td>
<td class="text-center">
<div class="input-group">
<input class="form-control input-sm text-right" type="text" placeholder="19.99" value="19.99">
<span class="input-group-addon"><i class="fa fa-eur"></i></span>
<button class="btn btn-success btn-xs hidden btnGravar">Gravar</button>
</div>
</td>
</tr>
No Jquery tenho:
$(function(){
$(".input-group input").click(function(){
$(this).select();
$(this).next().next().removeClass('hidden');
});
});
Mas não mostra o botão que esta hidden.
Aguma ajuda?