Ajuda com código javascript

  • Autor Autor Jesús Rojas
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Jesús Rojas

Jesús Rojas

1
Zeta
Verificación en dos pasos activada
Suscripción a IA
Hola, tengo varios divs con la misma clase:
HTML:
<div class="hex">
</div>

<div class="hex">
</div>

Y lo que quiero es que cada vez que paso el mouse por encima de un div se active la clase .inner y .after. Solo e logrado que se muestren dichas clases, pero de manera global; es decir que si paso el mouse por el primer div se activan los dos divs que tengo. No puedo lograr que se haga independientemente.

HTML:
$(document).ready(function(){
    $(".hex").hover(function(){
        $(".inner,.after").fadeTo( "fast", 0.88);
    }, function(){
        $(".inner,.after").fadeTo("fast", 0);
    });
});

No se si me explico bien, lo que quiero es que cada vez que pase el mouse por un div se active solo ese div y que los demás divs no hagan nada, si paso por el segundo div solo se active ese div.

Espero puedan ayudarme, saludos.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
¿Dónde están los elementos con las clases inner y after? Si están dentro del div.hex pues en vez de:
$(".inner,.after").fadeTo( "fast", 0.88);
usa:
$(this).find(".inner,.after").fadeTo( "fast", 0.88);

this hace referencia solo al elemento que activó el evento hover.
 
¿Dónde están los elementos con las clases inner y after? Si están dentro del div.hex pues en vez de:
$(".inner,.after").fadeTo( "fast", 0.88);
usa:
$(this).find(".inner,.after").fadeTo( "fast", 0.88);

this hace referencia solo al elemento que activó el evento hover.

Muchas gracias, me soluciono el problema.
 
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Voltar
Topo