Javascript 用图像src替换div背景url

如何用图像src替换div背景url

<img class='active' src="http://s1.iconbird.com/ico/2013/12/547/w128h1281387216564facebook3.png"/>
<div class='content-box'></div>
<div class='btn'>CLICK</div>

.content-box{
background-image: url(http://s1.iconbird.com/ico/2013/12/547/w128h1281387216591googleWhite.png);
background-repeat: no-repeat;
width: 130px;
height: 130px;
}
.btn{
position: fixed;
left: 200px;
top: 73px; 
width: 40px;
height:40px;
}

---

imgSrc

是一个变量，因此不应在引号中使用它

使用

您需要执行以下操作：

$('.content-box').css('background-image', "url("+imgSrc+")"); 

由于

imgSrc

是一个变量，它不会在双引号中被识别，所以您需要将变量串联起来

您需要执行以下操作：

$('.content-box').css('background-image', "url('"+imgSrc+"')"); 

---

@Rajaparabhu Aravindasamy））@Satpal确实是一个非常有资格的人，就在你发帖前几秒钟，然后我

$('.content-box').css('background-image', "url("+imgSrc+")"); 

$('.content-box').css('background-image', "url('"+imgSrc+"')");