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个事件。然后，使用#imagetitle修改.text() div的内容。您可以通过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

获取并显示元素的标题

2 个答案: