jquery nasıl kullanılır Görüntünün başlığını göster

Question

Bunu yapmak istiyorum: fareyle resmin üzerine geldiğinde, başlığını göster. Aşağıdaki kodu kullanıyorum, resmin üzerine geldiğimde, tüm fotoğrafların başlıkları gösteriliyor. Sadece bir başlık gösterisi yapmak için kodu nasıl değiştirebilirim?

<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

deneyin bu $('.title')

$('.title', this) için See değişen: http://api.jquery.com/jQuery/

Answer 2

benim jQuery biraz paslı değilim, ama sizin için olur bu iş? Canlandırmak tüm.title elemanları aradığınız çünkü

<script type="text/javascript">  
    $(document).ready(function() 
    { 
    $('.image').hover(function() 
     { 
     $(this).search('p.title:eq(0)').stop().animate({opacity: 1}); 
     }, function() { 
     $(this).search('p.title:eq(0)').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> 

öyle. Resimde aynı 'un içinde .title elemanını bulmalısınız.

---

Aslında Daniel'in cevabı daha iyi görünüyor: