Javascript 使用属性值更改背景图像

我有这个链接：

<div class="wp-show-posts-inner" data-src="http://maria138.coroleu.com/wp-content/uploads/2018/09/foto1.jpg"></div>

此脚本为我获取以下结果：

element.style {
  background-image: url((unknown));
}

我需要这个：

<div class="bg" style="background-image: url(http://maria138.coroleu.com/wp-content/uploads/2018/09/foto1.jpg);"></div>

---

有什么建议吗？谢谢你的代码有三个问题

在使用

.attr（）

之前，应该先使用选择器。所以使用

$（this.attr（'data-src'）

在

.css（）

的第二个参数末尾，还有一个应删除的

'

css

background image

属性应包装到

url（）

所以您的代码应该改为

$('.wp-show-posts-inner').hover(function() {    
    $('.home-banner .bg').css('background-image', "url("+$(this).attr('data-src')+")");
}); 

$（'.wp show posts inner'）。悬停（函数（）{
$（'.home banner.bg'）.css（'background-image'，“url”（+$（this.attr（'data-src'）+））））；
}); 
.bg{
宽度：100px；
高度：100px；
}

可湿性粉剂显示职位内部
背景
获取attr data src的语法错误，请使用此


var bg_img=jQuery（'.wp show posts inner'）.attr（'data-src'）；
jQuery（'.wp show posts inner'）.on（'mouseover'，function（）{
jQuery（'.home banner.bg'）.css（{'background-image'：“url（'“+bg_img+”）”）”）；
});
jQuery（'.wp show posts inner'）.on（'mouseleave'，function（）{
jQuery（'.home banner.bg'）.css（{'background-image'：“url（）”}）；
});
.bg{高度：100px；宽度：100px；}
.wp显示内部立柱{高度：100px；宽度：100px；}

wp show posts inner（悬停在我身上）
您应该使用
$（this.attr（'data-src'）
）。同时删除
.css（）末尾的
”
，始终检查控制台。使用该代码，它将向您发出错误。这可能无法满足您的要求，但如果只是简单地在hover上更改背景图像，那么可以使用纯CSS而不是JS，使用
：hover
选择器来完成。@DBS我不能使用：hover，因为我的属性url是从PHP获得的。我直接放url是因为它更容易解释。Thanks@Mohammad，i delete'但控制台显示此错误：未捕获的语法错误：意外标记。ThanksConsole显示此错误：UncaughtTypeError:$不是函数。谢谢你给出了答案，我希望你已经包括了jQuery库。好吧，代码没有显示任何错误，但是没有做任何事情。这是我的网站：我需要做同样的网站：再次编辑。请看一看不起作用，您的代码创建了以下规则：element.style{background image:url（（未知））；}
$('.wp-show-posts-inner').hover(function() {    
    $('.home-banner .bg').css('background-image', "url("+$(this).attr('data-src')+")");
});