试图在悬停时改变图像，但得到的$var.attr不是函数错误。

Question

我正试图改变一个缩略图在悬停在另一个较小的缩略图上（显示颜色变化）。页面上有多组图片。HTML是动态生成的，所以我通过JQuery来分配ID。

我使用的代码为每张图片分配ID（这很好用）。

$('.pretty-item .image-container > a img').each(function (index) {
    $(this).attr("id","id" + index);
  });

代码中的问题是：

$('.pretty-item .image-container > a img').each(function() {
var $mainImg = $(this).attr('id');
$(".catalog-tiny-thumbnail").mouseover(function(){
var src = $(this).attr("src");
var doubleWidth = $(this).width()*2;
var doubleHeight = $(this).height()*2;
$mainImg.attr($("src"),src);
$mainImg.css({"width":doubleWidth,
                                "height:":doubleHeight});
});
});

$mainImg.attr($("src"),src);给出了未捕获类型错误: $mainImage.attr不是一个函数。

我哪里做错了？

Answer 1

$mainImg 只是一个图片的id，所以

 $mainImg.attr($("src"),src);

应是

 $("#" + $mainImg).attr("src",src);

这也适用于

 $mainImg.css({"width":doubleWidth,"height:":doubleHeight});

应是

 $("#" + $mainImg).css({"width":doubleWidth,"height:":doubleHeight});