jQuery-Klickereignis für übergeordnetes Element, aber Auffinden des untergeordneten Elements (auf das geklickt wird)

Angenommen, ich habe ein übergeordnetes Element, in dem sich so viele untergeordnete Elemente befinden:

<div id="p">
    <div id="c1">
        <div id="c2"></div>
        <div id="c3"></div>
    </div id="c4">
        <div id="c5"></div>
    </div>
</div>

Ich habe schon einen gebundenclick Ereignis auf dem Elternteil:

$('#p').bind('click', function() {
    alert($(this).attr('id'));
});

Da das Ereignis dem übergeordneten Element zugewiesen ist, wird immer die übergeordnete ID angezeigt. Ich frage mich jedoch, ob es eine Möglichkeit gibt, herauszufinden, auf welches dieser untergeordneten Elemente geklickt wurde.

Ich kann den untergeordneten Elementen auch kein Ereignis zuweisen oder den Ereignis-Listener aus dem übergeordneten div entfernen.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage