jquery - 背景画像にID番号を追加

Question

私は以下を持っています、私はそのIDに応じてdivのbackorundイメージを変更したいと思います。

これまでのところ私はこれを持っています。

jQuery(document).ready(function() {
    $('.allText').hide();


$('#b1,#b2,#b3,#b4,#b5,#b6,#b7').click(function() {
    $('.allText').hide();
    $('#text'+this.id.substr(-1)).fadeIn(800);
    $('#b'+this.id.substr(-1)).css('background-image', 'url('site_images/05/over_'+'this.id.substr(-1)'+'.png'')')


});
});

それはすべて離れて動作するようです

.css('background-image', 'url('site_images/05/over_'+'this.id.substr(-1)'+'.png'')')

Answer 1

見積もりに問題があります。

$('#b'+this.id.substr(-1)).css(
    'background-image', 'url("site_images/05/over_'+this.id.substr(-1)+'.png")'
);

シンプルに保つことが役立つことに注意してください：

var num = this.id.substr(-1);
$('#b'+num).css(
    'background-image', 'url("site_images/05/over_'+num+'.png")'
);

Answer 2

引用：

'url("site_images/05/over_'+this.id.substr(-1)+'.png")'