如何检索用户点击的图像的图像源？ （jQuery的）

Question

我正在尝试检索用户点击过的图片的图片来源。 这就是我所拥有的，它似乎没有起作用：

var imgSrc = getSrc(image)

    function getSrc(image) {
        $('img').each(function() {
            $(this).click(function() {
                $(this).attr('src')
            }); //end click
        }); //end each  
    } //end getSrc

Answer 1

$('img').click(function() {
    alert( $(this).attr('src') ); // or this.src
 }); 

你不需要任何循环。我认为上面的代码会很好用。

完整代码

function getSrc(image) {
   var src;
   $('img').click(function() {
     src = $(this).attr('src'); // or this.src
   }); 
   return src;
}

注意

在您的问题中，您不能在代码中使用image个参数。我不确定你为什么要这样做。如果您想使用通过参数传递的src的获得image，那么您可以尝试：

$(image).attr('src');

Answer 2

您没有从该功能返回任何内容。此外，您不需要.each（）调用，因为您知道已单击的图像：

var imgSrc = '';

$(document).ready(function () {
    $('img').click(function () {
        imgSrc = $(this).attr('src');
    });
});