فراخوانی تابع برای گروهی از اشیا

[Salar.Shayegan]

سلام دوستان
سوالم این است که برای مثال من یک گالری عکس دارم که میخوام با کلیک کردن هر کدام از تصاویر، فانکشن open_image فراخوانی بشه ( "()onclick="open_image )؛ این کار که برای هر یک از تگ های img این کد را وارد کنم مشکل است و عوارضی دارد...
میخواستم ببینم چطور میتونم با نوشتن یک کد جاوا اسکریپت، کاری کنم که روی هر کدام از این تصاویر کلیک کنم، اون تابع فراخوانی شود؟


با تشــکر

http://intext.nav-links.com/images/spinner-ani48.gif

[Omid Jackson]

به همه ی اینها یک کلاس مشترک بدین بعد با جی کوئری خیلی ساده میشه این کار رو کرد، مثلا کلاس clkImg:
$(".clkImg").click(function(){
//Code
});

[Salar.Shayegan]

ممنونم
ممکنه کمی بیشتر توضیح دهید چون آنقدرها هم حرفه ای نیستم و تازه شروع کرده ام!

باتشـکر

[jalil_gh]

علاوه بر روش Omid Jackson شما میتونید از event delegation استفاده کنید.
فرض کنیم گالری شما به این صورته:

<div id="gallery">
<img src="first.png">
<img src="second.png">
<img src="third.png">
</div>
برای این کد جی‌کوئری شما به این صورت در میاد:
$('#gallery').on('click', 'img', open_image);

[Omid Jackson]

ممنونم
ممکنه کمی بیشتر توضیح دهید چون آنقدرها هم حرفه ای نیستم و تازه شروع کرده ام!

باتشـکر
کدی که دوستمون دادن بهتره و از اون استفاده کنین و اینکه هر دو مورد خیلی ساده هستن، فقط یکم جی کوئری یاد بگیرین
البته جای اون کد دوستمون میشه از این هم استفاده کرد:
$(".#gallery img").click(function(){
//Code
});