alt 속성을 기반으로 이미지가 있는지 확인하는 방법은 무엇입니까?

Question

이 목록에 다른 이미지를 추가하고 싶습니다.

<img src="1.jpg" alt="apple"> 

apple이 목록에 이미 있으면 아무 것도하지 않습니다. jQuery를 사용하여 확인할 수있는 방법이 있습니까? 다른 이미지를 추가하려면 다음

if ($("#test img[alt='apple']").length) { 
} 

그리고 :

내가 찾을 사용하려고

는 var existItem = $("#targetBox").find(" not sure what to put here ")

<div id="test"> 
    <img src="1.jpg" alt="apple"> 
    <img src="2.jpg" alt="banana"> 
    <img src="3.jpg" alt="grape"> 
</div> 

Answer 1

예, 는 이미지를가 존재하는지 확인하려면 다음을 사용

을

$("<img>").attr("src", "4.jpg").attr("alt", "orange").appendTo("#test"); 

Answer 2

jQuery의 속성 선택을 사용할 수 있습니다. 이것에 대한 ORS는 -

if ($("#targetBox").find("img[alt='THE_NEW_IMAGE_ALT']").length){ 

} 

이 코드는 alt이 THE_NEW_IMAGE_ALT에 동일한 속성이 이미지를 찾습니다. 결과가 비어 있는지 확인합니다 (길이 확인). 반환되는 요소가없는 경우 (length = 0), 같은 alt 매개 변수를 가진 다른 이미지는 없습니다.

동일한 코드를 사용하여 모든 속성 값을 테스트 할 수 있습니다. 당신이 src에 따라 이미지의 존재를 테스트하고 싶었 예를 들어, 당신은 단순히 다음과 같이 셀렉터를 변경 할 속성 - find("img[src='THE_IMAGE_SRC']")

참조 -

• jQuery attribute selectors