Question

如果此div包含特殊图像，我想在div中添加背景图像。我举个例子

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

如果img = image1，请更改第一个li的背景如果img = image2，则更改第二个li的背景

我知道它在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的.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/

检查我的div是否包含特殊图像

2 个答案: