내 div에 특수 이미지가 포함되어 있는지 확인하십시오.

Question

이 div에 특수 이미지가 포함되어 있으면 div에 배경 이미지를 추가하고 싶습니다.

$("li:has(img)") 

: 나는 당신에게, 최초의 리튬 및 img = image2 경우의 배경을 변경 내가 jQuery를에 뭔가를해야만 존재 알고있는 두 번째 리

의 배경을 변경

<ul> 
<li><img src="image1"/></li> 
<li><img src="image2"/></li> 
</ul> 

img = image1 경우 예를 들어 줄

하지만이 이미지의 이름이 올바른지 확인하는 방법을 모르겠습니다.

미리 감사드립니다.

편집 : 귀하의 답변에 따르면, 내가 가진이

$("#scroller li img").each(function(){ 
     if ($(this).attr('src') == "theme/img/icons/moon.png"){ 
      $(this).parent().css("background-image", "url(../theme/img/weather-bg-rain.jpg)"); 
     } 
    }) 

그러나 변하지 않는 내 배경 ... :/

Answer 1

당신은 각각의 이미지를 통해 가서 검사 jQuery의 .each를 사용할 수 있습니다 src. 당신이 무엇을 찾고 일치하는 경우, 다음처럼 배경을 설정

$("ul li img").each(function(){ 
    if ($(this).attr('src') == "image1.jpg"){ 
      $(this).parent().css('background', '#ff0000'); 
    } 
}) 

Answer 2

당신은 img tag's src parameter in the selector를 확인할 수 있습니다.

// Selects the 1st li 
$("li:has(img[src='image1'])") 

// Selects the 2nd li 
$("li:has(img[src='image2'])") 

DEMO : http://jsfiddle.net/T7DD2/