在缩略图悬停时切换图像？答案

【问题标题】：Toggle image on hover of thumbnails?在缩略图悬停时切换图像？
【发布时间】：2014-05-06 12:01:35
【问题描述】：

当用户悬停在缩略图上时，我想显示缩略图的大图像。下面是我的出发点。任何建议如何做到这一点？在我的最终版本中，可能会有 20 个缩略图，所以我需要代码尽可能简洁。

$(".thumnails").on("mouseover mouseout", "a", function () {
$('#').toggle();
});

【问题讨论】：

【解决方案1】：

.attr()

$(this).attr('href') 获取当前标签href 属性。

$(".thumnails").on("mouseover mouseout", "a", function () {
    $('#' + $(this).attr('href')).toggle();
});

和

将第二张图片ID设置为image-2

ID 必须是唯一的。不要对多个元素使用相同的 id。

【讨论】：

【解决方案2】：

好吧，可能不是最好的整体解决方案，但鉴于你所拥有的，请检查这个小提琴：http://jsfiddle.net/e47xq/1/

在锚元素上使用$(this).attr('href') 来检索您需要的选择器。

【讨论】：