jquery - 获取并显示元素的标题

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

绑定(bind)一个hover事件。然后，使用 .text() 修改 #imagetitle div 的内容。您可以通过 this.title 检索标题，或者，如果您愿意，也可以通过 $(this).attr('title') 检索标题。

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