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


Moderador: web

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

Saber qual elemento da div foi clicado com jQuery

28-10-2011 16:18

Nesse script mostro como saber qual elemento da div foi clicado.

Nesse exemplo, temos essa div com duas imagens

<div id="div"> <img src="" id="img1"> <img src="" id="img2"> </div>

Para capturar a div imagem clicada dentro da div, podemos fazer da seguinte forma:

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#div #img1').click(function() { alert('a img1 na div 1 foi clicada'); });   $('#div #img2').click(function() { alert('a img2 na div 1 foi clicada'); });   }); </script>

1
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17611
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Saber qual elemento da div foi clicado com jQuery

29-10-2011 14:06

Um exemplo mais amplo desse script

<!DOCTYPE html> <html> <head>   <style>   span { color:red; }   div { background:yellow; }   </style>   <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body>   <span>&nbsp;</span>   <p>In this paragraph is an <span>important</span> section</p>     <div><input type="text" /></div> <script>       $("*", document.body).click(function (e) {       e.stopPropagation();       var domEl = $(this).get(0);       $("span:first").text("Clicked on - " + domEl.tagName);     }); </script>   </body> </html>

Fonte: http://api.jquery.com/get/
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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