Jak wykryć który obrazek został kliknięty na liście, siatce?

Korzystam z okienka Modal w Bootstrap Twitter. Okienko wyświetla się prawidłowo. W treści okienka zrobiłem sobie obrazki takie avatary, chce by ktos mógł sobie wybrać taki obrazek że jak na niego kliknie to $ajax wysle w tle info o tym obrazku i podmieni aktualny avatar. Chodzi teraz o sposób jak wykryć jak to zrobić by po kliknięciu na obrazek wiedzieć który to?

Moja pomysł to zrobic jeden div a w nim divy lub span z id do kazdego obrazka

<div id="avatars">
    <span id="obrazek1" data-link="http:/jsjijsis.jpg"><img src="http:/jsjijsis.jpg"></span>
    <span id="obrazek2" data-link="http:/jsjijsi3.jpg"><img src="http:/jsjijsi3.jpg"></span>
    <span id="obrazek3" data-link="http:/jsjijsi8.jpg"><img src="http:/jsjijsi8.jpg"></span>
</div>

I moze wykrywac ktore dziecko zostalo klikniete w Div id = avatars ? tylko czyto dobry pomysl i czy to ma sens ?
Ma ktoś jakąś wizję może ?

Przecież najłatwiej jet podpiać zdarzenie onClick przez jquery i wyslać info via load() (albo inny ajax) i tak, możesz podpiąć dziecko do via jQuery i w this będziesz mieć odwoładnie do odpowiedniego elementu...

ale on.click do jakiego zdarzena mam podpiąć?
$('#???').on('click', ....
i właśnie tego nie wiem jak podpiąć bo każde id musi być inne.
Albo zapewne zle Ciebie zrozumiałem

Zawsze mnie smieszyła że ludzie nie wiedzą że jQuery ma obsługę selectorów...

$('#avatars > span').on('click', function(){/*Kombinuj*/})

Po moich alpejskich kombinacjach zrobiłem takie coś:

<div id="avatarsr">
    <span id="http:/jsjijsis.jpg" data="http:/jsjijsis.jpg"><img src="http:/jsjijsis.jpg"></span>
    <span id="obrazek2" data="http:/jsjijsi3.jpg"><img src="http:/jsjijsi3.jpg"></span>
    <span id="obrazek3" data="http:/jsjijsi8.jpg"><img src="http:/jsjijsi8.jpg"></span>
</div>

<script>
$('#avatarsr  > span').on('click', function(e){
    var d = e.target;
    console.log(d.parentNode['id']);
    console.log(d.parentNode['data']);
});
</script>

Jak klikam na obrazki np na obrazek pierwszy to w logu mam :

http:/jsjijsis.jpg
undefined

Ale w logu drugim z DATA mam undefined
To można wstawić do id span te linki czy jak to zrobić żeby odczytało to co jest w
<span data=...
I czy ten pomysł to dobry kierunek ?

dlaczego nie robisz tego po ludzku. dopiales jquery to korzystaj z tego:

$('#avatars > span').on('click', function(){
    console.log($(this).data('link'));
});