獲取並顯示元素標題

Question

我在頁面上有幾個圖像，全部在列表項中。懸停其中一個圖像時，我想獲得title屬性並將其顯示在div中。這裏是我到目前爲止的代碼：

<ul> 
    <li><img src="1.jpg" title="First Image"></li> 
    <li><img src="2.jpg" title="A second Image"></li> 
    <li><img src="3.jpg" title="And another one"></li> 
</ul> 

<div id="imagetitle"> 
<!-- Title Should go Here --> 
</div> 

我有個大概瞭解，你可以使用jQuery中的attr();做到這一點，但我不知道怎麼—誰能幫助我？

Answer 1

綁定hover事件。然後，使用.text()修改#imagetitle格的內容。您可以通過this.title或如果您願意的話可以檢索標題$(this).attr('title')。

$('img').hover(function(){ 
    $('#imagetitle').text(this.title); 
}) 

Answer 2

嘗試

$('li').live('hover',function() { 
    $title = $(this).find('img').attr('title'); 
    //alert($title); 
    $('#imagetitle').html($title); 
}); 

DEMO