src 속성이있는 경우 img 요소를 얻는 방법

-1

정적 이미지 URL (예 : "https://www.google.com/images/srpr/logo11w.png")이 있고 내 페이지에 해당 URL이있는 img 요소가 있는지 확인하고 싶습니다. src . 나는 썼다 :src 속성이있는 경우 img 요소를 얻는 방법

// .. loop 

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

// end loop

그것은 작동하지 않는다.

어쨌든 그럴 수 있습니까?

이미지가 존재하는지 여부를 확인하는 경우 확인하십시오. – atmd

코드를 표시하십시오. '$ src' 변수는 무엇입니까? – Victor

그것은 여기에서 작동합니다 : http://jsfiddle.net/barmar/vbvw1L9t/2/ – Barmar

이 코드는 모든 지정된 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을 숨길 수

2015-01-12 11:49:28

이것은 속성 선택자가 내부적으로 수행하는 것입니다. – Barmar

이미지 URL에 올바른 이미지 (클라이언트 측)가 있는지 확인하는 유일한 방법은 이미지를 화면에서 렌더링하고 크기를 확인하는 것입니다. 즉

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

그런 다음 그 곳 보이지 않는 렌더링 (그것에게 ID를 부여하고 CSS에서 ID를 숨기기) 다음 이미지의 너비/높이를 조회.

크기가 약간이라면 이미지 URL이 있음을 알 수 있습니다.

2015-01-12 11:48:26 atmd

이미지에 대한 오류 이벤트를 사용할 수 있지만 여기 OP의 질문과 관련없는 것처럼 보입니다 –

OP는 이미지에 URL이 있는지 확인하는 방법을 묻습니다 그가 원하는 것은 URL이 유효한 이미지가 아니라 내 실수 인 경우입니다. – atmd

답변