Question

我有以下内容，我希望根据其ID更改div的背景图像。

到目前为止，我有这个。

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")'

将ID号添加到背景图像

2 个答案: