Ir para conteúdo

POWERED BY:

Arquivado

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

allex_carvalho

[Resolvido] Remover classe somente do item selecionado

Recommended Posts

Bom dia pessoal.

 

Tenho uma estrutura de miniaturas dentro de li. Todas li estão com uma class opacidade. Ao clicar numa tag A ele tem que remover a classe opacidade somente da li referente ao lugar clicado. Do jeito que estou fazendo está removendo de tudo.

 

Vejam minha estrutura:

 

       <ul id="miniaturasGaleria">
           <?php
           $sql = "SELECT * FROM galeria INNER JOIN galeria_img ON galeria.idGaleria = galeria_img.idGaleria  WHERE galeria.idGaleria =".$id;
           $qr = mysql_query($sql) or die(mysql_error());
           while($rs = mysql_fetch_object($qr)){
               echo "
                   <li class=\"opacidade\">
                       <img src=\"../uploads/".$rs->idGaleria."/$rs->thumbGaleriaImg\" height=\"101\" alt=\"\" />
                       <div>
                           <a class=\"capaImagem\" title=\"Definir como capa\"></a>
                           <a class=\"cropImagem\" title=\"Cortar a imagem\"></a>
                           <a class=\"legendaImagem\" title=\"Inserir legenda\"></a>
                           <a class=\"excluirImagem\" title=\"Excluir\"></a>
                       </div>
                   </li>
                   ";
           }
           ?>
       </ul><!--miniaturasGaleria-->

 

script:

 

       $(".capaImagem").click(function(){
           $("#miniaturasGaleria li").addClass('opacidade'); // Para inserir a class na LI que estiver sem a class
           $("#miniaturasGaleria li").removeClass('opacidade');
       });

 

Obrigado pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites
$(function() {
  $("#miniaturasGaleria").find("a").click(function() { // encontra todos os elementos link da galeria e atrela a eles o evento click
	$(this).parents("li").removeClass('opacidade'); //  encontra os elementos-ancentrais do link clicado ($(this)) e escolhe o ancestral li, removendo o atributo classe "opacidade".
  }); 	
});

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.