在JQuery中存储选定的图像ID

Question

我正在尝试将所选图像存储在JQuery中，但我无法让它工作。

我创建了一个简单抽象问题的JSFiddle：

http://jsfiddle.net/Uytb3/

这是我的HTML

<img id='test_img' src='https://www.google.co.uk/images/srpr/logo11w.png' />

这是我的JQuery

$(document).ready(function()
{   
    $("img").load(function()
    {
       var id = this.id;
       $("p").text('Image ID is' + id);
    }); 
});

Answer 1

要选择img代码，您需要在选择器周围添加引号：

$("img").load(function()
{
   var id = this.id;
   $("p").text('Image ID is' + id);
}); 

否则你传入一个名为img的变量，它可能不存在。 document有效，因为document是有效的变量名称。

Answer 2

感谢所有回答的人。问题是img不在引号中而且我使用了错误的方法。

这为其他任何人寻找解决了我的问题：

 $(document).ready(function()
{
    $("img").click(function(){
      var id = this.id;
        $("p").text('Image ID:' + id);
    });
});