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); 
    } 

関数を呼び出す2 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; 
} 

はロッキングしてください！