Saber qual elemento da Div foi clicado.

[NoiadoX]

Tenho 2 divs, com alguns elementos dentro, os elementos são aleatórios, podem ser imagens, pode, ser texto, etc, preciso saber a div do elemento que foi clicado, e depedendo da div a que pertence tal elemento, executar uma função, exemplo:

div 1, se clicar na imagem 1 ou na imagem 2 desta div, efetuar redirect para pagina1.php

div 2, se clicar na imagem 1 ou na imagem 2, ou texto 1 desta div, efetuar redirect para pagina2.php

Não posso pegar simplesmente pelo nome ou id do elemento dentro desta div, pois esse id é variavel, é conteudo externo, por isto preciso pegar de acordo com a div que este elemento esta, e então quando a pessoa clicar nele, redirecionar para a página correta.

Resumindo, preciso saber que elemento foi clicado na página atual, e a que div este elemento pertence, para então dependendo da div, dar um redirect na página.

Como eu faria isto usando jquey por exemplo?

[fiote]

Pra que jQuery quando você pode usar javascript puro? ^^

Veja esse exemplo =)

function mostraPai(elemento) {
    var pai = elemento.parentNode;
    if (pai != document.body) {
        alert('O elemento ['+elemento.id+'] está dentro do ['+pai.id+']');    
        mostraPai(pai);
    }
    else {
        alert('O elemento ['+elemento.id+'] está dentro do BODY');    
    }
}

<div id='divA' style='border:1px solid black; padding:5px; margin:5px'>
    DIV A        
    <br/>
    Imagem 1: <img id='img1' src='dasds.jpg'  onclick='mostraPai(this)'/><br/>
    Imagem 2: <img id='img2' src='dasds.jpg' onclick='mostraPai(this)' />
</div>


<div id='divB' style='border:1px solid black; padding:5px; margin:5px'>
    DIV B    
    <br/>
    Imagem 2: <img id='img2' src='dasds.jpg'  onclick='mostraPai(this)' /><br/>
    <span id='spanVermelho' style='color:red'  onclick='mostraPai(this)'>Span Vermelho</span></br>
    
    <div id='divH' style='border:1px solid black; padding:5px; margin:5px'>
        DIV H
        <br/>
        Imagem 8: <img id='img8' src='dasds.jpg' onclick='mostraPai(this)'/><br/>
    </div>
    
</div>

Editado Outubro 26, 2011 por fiote