将所选图像id存储在JQuery中

我试图将所选图像存储在JQuery中，但无法使其正常工作

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

这是我的html

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

---

要选择

img

标记，需要在选择器周围加引号：

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

---

否则，您将传入一个名为

img

的变量，该变量可能不存在<代码>文档之所以有效，是因为

文档

是一个有效的变量名。

感谢所有回答的人。问题是img没有被引用，我使用了错误的方法

这解决了我的问题，其他任何人都可以看到：

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

---

$（this.attr（'id'）

可能就是您想要的。它与

this.id

完全相同，只是速度较慢。问题更多地在于

$（img）

而不是

$（“img”）

IMHO。顺便说一下，请注意

load

事件很难处理。它不会总是被触发，特别是当图像已经存储在浏览器的缓存中时。对图像使用.load（）有太多的注意事项。@ChrisHardie从什么时候开始？对不起，我的不好

id

在HtmleElement上有效，我以为我们在处理jQuery对象。我现在要去喝更多的咖啡。

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