jquery - jquery変更div背景画像クリック

Question

こんにちは、divの背景画像を変更する方法がわからないので、これがどのように機能するかです

onclick="change_color()" を含む画像と、onclick="get_color()" を含む div があります。必要なのは、画像をクリックしたときに画像 src を取得し、div をクリックした後にその div は、前にクリックした画像から背景画像を取得します。

私がなんとかしたのは、画像のsrcを取得することだけです

$(document).click(function(e) {
   e = e || event;
   $.lastClicked = e.target || e.srcElement;
   $.lastClicked2 = e.target || e.srcElement;
  });

function change_color()
{
var lastClickedElement = $.lastClicked;
lastClickedElement.getAttribute('data-color');
}

私を助けてください。

Answer 1

インライン JavaScript を削除し、代わりに div と画像にクラスを追加します。.change_colordiv、画像に使用し.lastimageます：

var bgImage = null;

$('img.lastimage').on('click', function() {
    bgImage = this.src;
});

$('div.change_color').on('click', function() {
    if (bgImage) $(this).css('background-image','url('+bgImage+')')
});

フィドル

Answer 2

これを試してください：

$(function(){
    var lastSrc = '';    

    $('img').on('click', function(){
        lastSrc = $(this).attr('src');
    });

    $('div').on('click', function(){
        $(this).css('background-image','url('+ lastSrc +')')
    });
});