0

こんにちは、私は現在、私が持っているコードのいくつかを片付けようとしています:

    $('#b1').css('background-image', 'url("site_images/05/1.png")');
    $('#b2').css('background-image', 'url("site_images/05/2.png")');
    $('#b3').css('background-image', 'url("site_images/05/3.png")');
    $('#b4').css('background-image', 'url("site_images/05/4.png")');
    $('#b5').css('background-image', 'url("site_images/05/5.png")');
    $('#b6').css('background-image', 'url("site_images/05/6.png")');
    $('#b7').css('background-image', 'url("site_images/05/7.png")');

それは完全に正常に動作しますが、利用可能なより良いオプションまたは方法があるかどうか知りたいですか?

4

4 に答える 4

2

すべてにクラスimagesを割り当てます (言う) b1,b2,b3.. など

それで:

$(".images").each(function(){
   $(this).css('background-image', 'url("site_images/05/" + this.id.replace("b","") + ".png")');
});
于 2013-03-06T10:07:39.710 に答える
0

別の方法:

これらの要素に親要素がある場合、単純に CSS を使用して特定のクラスを親要素に追加できます。

html.bg_switched #bg1 { 
    background-image: url("site_images/05/1.png");
}

html.bg_switched #bg2 { 
    background-image: url("site_images/05/2.png");
}
...

それで:

$('html').addClass('bg_switched');

またはこの程度の何か。

于 2013-03-06T10:13:45.703 に答える