无法获取img src并将其作为jquery中的BG分配给div？

Question

这是jquery代码：

$(".c").mouseover(function() {
var colorbg = $(".c").attr("src");
$(".colortip").fadeIn(function() {
$(this).html('<img src="' + colorbg + '"/>');
return false;
});`enter code here`
});

和HTML如下：

img ...1
img....2
img ...3

我想要做的是在鼠标悬停任何img.c时显示“colortip”div，同时我想将img.c图像源作为背景分配给div.colortip

我编写了上面的代码并且它可以显示div，但它只为第一个img分配了BG，只有第一个img src并且没有检测到其他图像src并且当我将鼠标悬停在其他颜色的其他div上时更改它。 - 那么我怎么能每次将新的img src作为bg推送到div？

非常感谢您的帮助 - 谢谢

Answer 1

jsBin demo

使用$(this)

var colorbg = '';
$(".c").mouseover(function() {
   colorbg = $(this).attr("src");   // tada!
   $(".colortip").fadeIn(function() {
       $(this).html('<img src="' + colorbg + '"/>');
       return false;
   });
});

---

在我使用您的代码后，以下是如何设置元素 CSS背景：

jsBin demo (set CSS background with jQ)

var colorbg = '';
$(".c").mouseover(function() {
   colorbg = $(this).attr("src");   // tada!
   $(".colortip").fadeIn(function() {
     $(this).css({background: 'url('+colorbg+')'}); // access element CSS bG. 
       return false;
   });
});