jquery - 不能抓住 img src 并将其分配给 div 作为 jquery 中的 BG？

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 演示

利用$(this)

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

---

在我使用你的代码之后，这里是如何设置元素CSS 背景：

jsBin demo（用jQ设置CSS背景）

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