1

Tenho o seguinte código. Este código contem 5 divs onde ao clicar sobre cada uma ,a que foi clicada recebe um valor de background.Quero que após clicar em uma delas,no próximo clique, a que foi clicada perca o beckground sem alterar as demais.

EX.:Cliquei na div 1 ,ficou vermelha.Cliquei na div 2 ,ficou vermelha,Cliquei na div 1 perdeu a cor vermelha ,mas a 2 tem de continuar vermelha.

 $(function () {
 
 
 $('.Classe').click(function () {
 
 $(this).css('background','red');
 
 
 });
 
 
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<div class="Classe">valor 1</div>
<div class="Classe">valor 2</div>
<div class="Classe">valor 3</div>
<div class="Classe">valor 4</div>
<div class="Classe">valor 5</div>

<html/>

1 Resposta 1

1

Vc pode criar um classe que chama .ativa por exemplo e usar o método toggleClass para colocar e retirar o background vermelho quando clicar.

Veja o exemplo para entender melhor. Repare que no primeiro clique eu adiciona a classe .ativa que tem o background vermelho, e no segundo clique eu faço o toggleClass para remover essa classe assim retirando o vermelho do fundo.

$(".Classe").click(function(event){
   $(this).toggleClass("ativa");
});
div.ativa {
  background-color: #f00;
}
 
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<div class="Classe">valor 1</div>
<div class="Classe">valor 2</div>
<div class="Classe">valor 3</div>
<div class="Classe">valor 4</div>
<div class="Classe">valor 5</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .