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.