如何使用jquery显示图像的标题

Question

我想做到这一点:当鼠标悬停在一张图片上时,显示其标题.我使用下面的代码,当我悬停图片时,显示所有图片的标题.如何更改代码以仅显示一个标题？

<script type="text/javascript">       
        $(function() {
            $('.image').each(function() {
                $(this).hover(
                    function() {
                        $('.title').animate({ opacity: 1 })
                    },
                    function() {
                       $('.title').stop().animate({ opacity: 0});
                   })
                });
        });
</script>

<div class="image"><img src="img1" /><p class="title">text1</p></div>
<div class="image"><img src="img2" /><p class="title">text2</p></div>
<div class="image"><img src="img3" /><p class="title">text3</p></div>

Answer 1

尝试将此更改$('.title')为$('.title', this)

请参阅:http://api.jquery.com/jQuery/