从div获取背景图像src并将其设置为图像的src

Question

因此，我试图从单击div时抓取背景图像并将其设置为页面上其他位置的img元素的src 。问题是我收到一个错误消息，说没有找到该文件。我明白，这与我分配给img的src的路径有关，但是我无法看到代码有什么问题。

当点击div的问题它调用一个函数

document.getElementById('rice-bowl').onclick=openModal; 

而且下面是实际功能

var openModal=function(){ 
     var image= $(this).css('background-image').slice(4,-1); 
     console.log(image); 
     var modalImg = document.getElementById("img01"); 
     modalImg.src = image; 
     console.log(modalImg.src); 
    } 

两个outputs to console应该按照这个逻辑然而，它们是相同的不。再次，任何帮助将不胜感激！

Answer 1

这应该是：

$("#rice-bowl").click(function() { 
    var bg = $(this).css('background-image'); 
    bg = bg.replace('url(','').replace(')','').replace(/\"/gi, ""); 
    var modalImg = document.getElementById("img01"); 
    modalImg.src = bg; 
} 

保持摇摆！