<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
$('div').on('click', 'a', function(e) {
alert(e.target.tagName)
});
$('div').on('click', 'span', function(e) {
alert(e.target.tagName)
});
});
</script>
</head>
<body>
<div>
<a>A</a>
<span>Span</span>
</div>
</body>
</html>
Проверяйте, у каждого элемента будет свой обработчик, хотя делегируют они его одному родителю. При делегировании будет определяться источник события, в этом вся соль.