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_color用于 div，.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 +')')
    });
});