获取并显示元素标题

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