0

如果此 div 包含特殊图像，我想向 div 添加背景图像。我给你一个例子

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

if img = image1，改变第一个 li 的背景， if 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)"); 
         }
    })

但我的背景没有改变......：/

4

2 回答 2

3

您可以使用 jQuery 的 .each 浏览每个图像并检查 src。如果它与您要查找的内容相匹配，请像这样设置您的背景：

$("ul li img").each(function(){
     if ($(this).attr('src') == "image1.jpg"){
           $(this).parent().css('background', '#ff0000');
     }
})
于 2013-02-15T17:09:55.493 回答
2

您可以在选择器中检查img标签的src参数。

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

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

演示：http: //jsfiddle.net/T7DD2/

于 2013-02-15T17:10:10.660 回答