从动态加载的图像中使用JQuery获取图像src

Question

我有一些php代码可以创建html，通过从数据库中提取路径来显示图像：

        $primephoto = ~some path from a database~;
        echo '  
            <div class="widget_photo">
                <img src="'.$primephoto.'">
            </div>';

我正在尝试使用以下代码获取我点击的图像的来源：

        $(".widget_photo img").click(function(){ 
            var images = $('.widget_photo img').attr('src');
            alert(images);  
        });

但它总是返回第一张图片的来源。

我认为最新进展的是php代码渲染了一堆html div，所有这些都是类名“widget_photo”，而JQuery只是查看第一个，抓取图像src并返回它。

但我需要点击特定图片的来源。

任何建议都将非常感谢！

Answer 1

您需要获取当前src图片的this：

$(".widget_photo img").click(function(){ 
    var images = $(this).attr('src');
    alert(images);  
});