javascript - 尝试使用jQuery检查图像是否在页面上

我的网页上有一张图片，如下所示:

<img id="k4Tbx6luuHmP01dpI4BRZw==" src="/thumbnail/k4Tbx6luuHmP01dpI4BRZw==">

但是，当我尝试

var is_image_there = $("#k4Tbx6luuHmP01dpI4BRZw==").attr("src");
console.log(is_image_there);

Chrome控制台返回“未定义”。我究竟做错了什么？

最佳答案

您需要escape the selector correctly:

$('#k4Tbx6luuHmP01dpI4BRZw\\=\\=');

这是一个演示:http://jsfiddle.net/mathias/crYWH/

要检查图像是否存在，可以检查.length属性:

$('#k4Tbx6luuHmP01dpI4BRZw\\=\\=').length;

如果图像不在页面中，则它等于0。

我制作了一个工具，可以帮助您正确地退出任何选择器:mothereff.in/css-escapes屏幕截图: