获取并显示元素的标题

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>

我有一个大概的想法,你可以使用attr();jQuery中的这个,但我不知道怎么样 - 有人可以帮助我吗？

Answer 1

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

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