jQuery的獲得/改變完整的href細節

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; 
    }); 
})(); 

OK，首先，這種方法是行不通的 - 鏈接主圖像上並沒有改變。其次，我想弄清楚如何複製鏈接的內容（圖片和文字）。我如何訪問它的全部內容？ $（this）.text僅給我THUMB TEXT。 $（this）.attr（）給我錯誤

我在過去沒有jQuery做過同樣的功能，但想了解如何在這些任務中使用jQuery。

感謝， 魯道夫

Answer 1

Didnt閱讀仔細，但嘗試改變

$(this).href 

到

$(this).attr('href') 

哦，你的文件準備似乎有點奇怪對我來說，嘗試包裝你的代碼在

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