Question

我正在尝试使用jquery更改divs background-image。我需要用作背景图像的照片是照片集的第一张图片。

HTML

<div>
    <img src="http://placehold.it/500x200">
    <img src="http://placehold.it/500x200">
    <img src="http://placehold.it/500x200">
    <img src="http://placehold.it/500x200">
</div>

JS

$('div').css("background-image", "url(" + $('div img:first-child').attr('src'); + ")");

CODEPEN

http://codepen.io/aleksitappura/pen/nKehv

Answer 1

您可以使用控制台检测脚本错误。您发布的代码产生错误，因为;后面的$('div img:first-child').attr('src')是意料之外的，而且错误就在那里。

Answer 2

使用此

$('div').css("background-image", "url('" + $('div img:first-child').attr('src') + "')");

Answer 3

应该是

   $('div').css("background-image", "url(" + $('div img:first-child').attr('src') + ")");

typo

后出现

小.attr('src');错误

只需删除;

即可

DEMO

如何更改背景图像？

3 个答案: