0

全部

首先是我想要做的：我有一个大图像和一组缩略图。每个图像（大小）都包装在一个中，以便用户可以单击它以转到相关资源。当我将鼠标悬停在缩略图上时，我想要做的是更改大图像的细节。我想用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 只给我拇指文本。$(this).attr() 给我错误

过去我在没有 jQuery 的情况下完成了相同的功能，但想了解如何将 jQuery 用于这些任务。

谢谢，鲁道夫

4

1 回答 1

1

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

$(this).href

至

$(this).attr('href')

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

$(function(){
    //do stuff
});
于 2012-06-07T14:30:38.193 回答