Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 260
Sexo: Masculino

siblings

07-09-2017 09:30

web , eu queria ao passar com o cursor por cima da div'cx' a imagem dentro dessa div que está oculta, aparecesse...eu uma vez ja fiz isto, mas agora nao estou encontrando a solução...

<script type="application/javascript" src="../jquery-1.11.3.js"></script> <script type="application/javascript"> $(this).siblings("#cx").mouseover(function(){ $(this).siblings('#imagem').css('display','block'); }); </script> <style type="text/css"> #cx{ background-color:#CCC; width:50px; height:50px; } #imagem{ display:none; } </style>


<div id="cx"><!--cx1--> <img src="apagar.png" id="imagem" /> </div><!----> <br /><br /> <div id="cx"><!--cx2--> <img src="apagar.png" id="imagem" /> </div><!--cx2-->

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: siblings

07-09-2017 09:52

No seu caso não deve trabalhar com id #, e sim com classe .

Isso porque o id identifica um elemento que é único. Já a classe pode trabalhar todos os elementos com a mesma classe.

No caso também deve usar o find no lugar de siblings.

Faltou também a sintaxe jQuery.

$(document).ready(function(){
});


ou

$(function() {
});


Já quanto a dúvida, se for simplesmente para exibir a imagem e deixar ela a mostra faz assim:

<script type="application/javascript" src="../jquery-1.11.3.js"></script> <script type="application/javascript"> $(function() { $(".cx").mouseover(function(){ $(this).find('#imagem').css('display','block'); }); }); </script> <style type="text/css"> .cx{ background-color:#CCC; width:50px; height:50px; } #imagem{ display:none; } </style> <div class="cx"><!--cx1--> <img src="apagar.png" id="imagem" /> </div><!----> <br /><br /> <div class="cx"><!--cx2--> <img src="apagar.png" id="imagem" /> </div><!--cx2-->

1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 260
Sexo: Masculino

Re: siblings  #resolvido

07-09-2017 15:00

com siblings funcionou, mas com find não...mas qualquer das maneiras obrigado web!
1
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 260
Sexo: Masculino

Re: siblings

07-09-2017 15:19

ou melhor , só funciona com $(function(){...}); e não com $(document).ready(function(){
});
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado