0

このdivに特別な画像が含まれている場合、背景画像をdivに追加したいと思います。例を挙げます

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

の場合img = image1、最初のライの背景をimg = image2変更し、 の場合、2 番目のライの背景を変更します。

私はそれが 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 に答える