Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Videres

Dúvidas sobre click()

Recommended Posts

Olá Pessoal, tudo nos trinks?
Vou tentar mostrar a estrutura do código:

//HTML
<div class="click"> TESTE </div>
<div class="click"> TESTE </div>
<div class="click"> TESTE </div>


//JS
$(".click").click(function(){
   $(this).addClass("tudo_certo");
})
//CSS
.tudo_certo{width:100px; height:100px; background:red;}

Sempre que clico na div com a class "click" consigo adicionar a class "tudo_certo" como mostra o cod acima..

Só que gostaria de fazer com que ao clicar em uma próxima DIV (click) a class (tudo_certo) fosse removida da div anterior e adicionada na proxima div selecionada.

A ideia é realizar um efeito apenas na div selecionada ao clicar em outra o efeito seria removido e adicionado na "atual".

Nesse ponto estou perdido!! hhauhauhau
Espero ter explicado com clareza... caso consiga resolver antes posto aqui!

Qualquer ajuda ou orientação sera bem vinda.. Desde já agradeço!! \

Compartilhar este post


Link para o post
Compartilhar em outros sites

Podes usar o método not:

$(document).ready(function() {
  $(".click").click(function() {
     $(this).addClass("tudo_certo");
     $(".click").not(this).removeClass("tudo_certo");
  });
});

Exemplo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se inverter a ordem, não precisa de validação diminuindo o custo de teste.

$('.click').removeClass('tudo_certo');
$(this).addClick('tudo_certo');

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Se inverter a ordem, não precisa de validação diminuindo o custo de teste.

$('.click').removeClass('click');
$(this).addClick('click');

 

Nesse caso acho que a classe seria tudo_certo:

 

 

$(".tudo_certo").removeClass("tudo_certo");
$(this).addClass("tudo_certo");

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Se inverter a ordem, não precisa de validação diminuindo o custo de teste.

$('.click').removeClass('click');
$(this).addClick('click');

FUNCIONOU PERFEITAMENTE!!!! heheheh

$('.click').removeClass('tudo_certo');
$(this).addClass('tudo_certo');

Brigadão Gabriel!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

 

Nesse caso acho que a classe seria tudo_certo:

$(".tudo_certo").removeClass("tudo_certo");
$(this).addClass("tudo_certo");

 

Exatamente Anderson! heheheheheheh

Brigadão!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Podes usar o método not:

$(document).ready(function() {
  $(".click").click(function() {
     $(this).addClass("tudo_certo");
     $(".click").not(this).removeClass("tudo_certo");
  });
});

Exemplo.

Vlws pela Dica Wootzor!

 

Já estava criando duas funções.. código já estava ficando monstro p resolver isso! hehehe

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.