当我们有src属性时如何获取img元素

Question

我有一个静态图片网址（例如。＆＃34; https://www.google.com/images/srpr/logo11w.png＆＃34;），我想检查一下我的网页中是否有img元素，该网址是否包含该网址它是src。我写道：

// .. loop

if($src == "https://www.google.com/images/srpr/logo11w.png")
{
    $('img[src="'+ $src +'"]').css({display:'none'}); 
}

// end loop

它没有用。

有没有这样做？

Answer 1

此代码将使用指定的src隐藏所有img：

$("img").each(function(){
    if( $(this).attr("src") === "https://www.google.com/images/srpr/logo11w.png")
        $(this).hide();
});

或者您可以使用：

$("img[src*='logo11w']").hide();

上一行将隐藏src中包含子字符串 logo11w

的imgs

Answer 2

我知道检查图像网址是否具有有效图像（在客户端）的唯一方法是将图像渲染出屏幕并检查其尺寸。

即。

var hiddenImage = document.createElement('img');
hiddenImage.setAttribute('src', 'Some image url here');

然后渲染到某个未见过的地方（给它一个id并在css中隐藏id） 然后查询图像的宽度/高度。

如果你得到一些尺寸，那么你就知道图像网址存在。