[Resolvido] Evento cliclk Jquery

[DaniloTec 0]

Boa noite gente.

 

Estou tentando colocar um id dentro de um loop pra fazer aparecer e sumir uns itens do formulário.

Minha idéia é fazer um botão "Alterar" e quando clicar nele outros itens, que estão ocultos, aparecam.

 

A listagem está dentro de um loop:

<%
		i = 0
		Do While Not rsSeleciona.eof
			%>
			<div class="tabela"><%=rsSeleciona("idAluno")%></div>
			<div class="tabela"><%=rsSeleciona("strNome")%></div>
			<div class="tabela" id="divNome<%=i%>"><input type="text" id="txtNome" value="<%=rsSeleciona("strNome")%>" /></div>
			<div class="tabela"><%=rsSeleciona("dtNascimento")%></div>
			<div class="tabela" id="divNascimento<%=i%>"><input type="text" id="txtNascimento" value="<%=rsSeleciona("dtNascimento")%>" /></div>
			<div class="tabela"><%=rsSeleciona("strRA")%></div>
			<div class="tabela" id="divRA<%=i%>"><input type="text" id="txtRA" value="<%=rsSeleciona("strRA")%>" /></div>
			<div class="botao" id="divAlterar<%=i%>"><button>Alterar</button></div>
			<div class="botao" id="divOk<%=i%>"><button>Ok</button></div>
			<div class="botao" id="divCancelar<%=i%>"><button>Cancelar</button></div>
			
			<br style="clear:left;" />
			<%
		i = i + 1
		rsSeleciona.movenext
		Loop 
		%>

E as funções em JQuery estão assim:

$(document).ready(function() {
			for (i=0;i<3;i++){
				$('#divNome'+i).hide();
				$('#divNascimento'+i).hide();
				$('#divRA'+i).hide();
				$('#divOk'+i).hide();
				$('#divCancelar'+i).hide();
			}

			$('#divAlterar'+i).click(function(){
				$('#divOk'+i).show();
				$('#divCancelar'+i).show();
				$('#divAlterar'+i).hide();
			});
		});

Mas não está dando certo.

Não sei como fazer o id ficar dinâmico pra poder trabalhar com eles dentro das funções.

[Ted k' 126]

as ID não podem se repetir, use class

[DaniloTec 0]

Mas o id não está se repetindo. Ele é incrementado com o "i" que o torna dinâmico.

Só quero saber se existe outra forma de se fazer isso.

[Maujor 144]

No segundo bloco de código você precisa definir um contador para identificar o ID do botão clicado.

Use o método each() para poder ter o contador assim:

 

$('.botao').each(function(j) {			
$('#divAlterar'+j).click(function(){
	$('#divOk'+j).show();
	$('#divCancelar'+j).show();
	$('#divAlterar'+j).hide();
	});
});

[DaniloTec 0]

Vlw Maujor.

Funcionou diretinho.