檢查我的div是否包含特殊圖像

Question

如果此div包含特殊圖像，我想爲div添加背景圖像。我給你舉個例子

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

如果img = image1，改變第一李 如果img = image2的背景下，更改第二個李

的背景我知道它的存在在jQuery的財產以後：

$("li:has(img)") 

但我不知道如何檢查這個圖像是否有正確的名稱。

預先感謝您！

編輯：根據您的回答，我有這個

$("#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的。每次去通過每幅圖像和檢查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/