Question

所有

首先是我要做的事情：我有一个大图像和一组缩略图。每个图像（大小）都包含在一个中，以便用户可以单击它以转到相关资源。我想要做的是当我将鼠标悬停在缩略图上时更改大图像的细节。我想用jQuery做到这一点。（我是jQuery的新手，所以请温柔一点）。

想法是注册一个hoover（）处理程序，当用户将鼠标悬停在缩略图上时，我想复制href并将内容从缩略图链接到主图像。

这就是我所拥有的：

<a href='main_image_url' id='main_img_link'> <img src="main_image.jpg" id='main_image'>MAIN TEXT</a>

<a href='thumb_image_url' id='thumb_img_link'> <img src="thumb_image.jpg" id='main_image'>THUMB TEXT</a>

(function() {
    var main_img = $('a#main_img_link');

    $('a#thumb_img_link').hover(function(){
        console.log($(this));
        console.log($(this).href);
        main_img.href=$(this).href;
    });
})();

好的，首先，这种方法不起作用 - 链接在主图像上不会改变。其次，我试图弄清楚如何复制链接的内容（图像和文本）。我如何完整地访问它?????? $（this）.text只给我THUMB TEXT。 $（this）.attr（）给我错误

我在过去没有使用jQuery做过相同的功能，但是想了解如何使用jQuery来完成这些任务。

谢谢，鲁道夫

Answer 1

没有仔细阅读，但尝试更改

$(this).href

到

$(this).attr('href')

哦，你的文件准备好对我来说有点奇怪，试着把你的代码包装在

中

$(function(){
    //do stuff
});

jQuery获取/更改完整的href详细信息

1 个答案: