jquery - 使用 jQuery 从动态加载的 img 中获取 img src

Question

我正在考虑从动态加载 src 的图像中获取图像名称。基本上我正在做的是使用网站上的 Google 聊天徽章进行实时聊天。在页面的其他位置，我有一个图像显示“实时聊天:在线”或“实时聊天:离线”。我希望这种情况能够根据我是否可以聊天而改变。这有道理吗？

无论如何，我认为最简单的方法是检查 img url。如果img是offline.gif那么显然我已经离线了。

动态加载 img 的示例类似于

<img src="http://www.google.com/talk/service/badge/Show?encrypted_acount_id_here" />

加载此图像后，它会加载以下图像之一“http://www.google.com/talk/service/resources/offlinef.gif”“http://www.google.com/talk/service/resources/idlef.gif”“http://www.google.com/talk/service/resources/onlinef.gif”

希望这现在有意义。

谢谢大家

Answer 1

图像本身可能是动态生成的，在这种情况下不会有其他来源。当您查看另一个源的属性时，您会看到另一个源的唯一原因是生成图像的内容标题。

如果 src 本身动态更改，您最好的选择就是从元素中获取 src 属性。

如果您实际上正在寻找一种以编程方式了解您是离线还是在线的方法，您可以尝试从图像中获取 alt 属性。大多数网站都有图像元素的 alt 描述，如果显示在线图像，则应在线阅读；如果显示离线图像，则应离线阅读。