我希望每个 div 在按钮悬停时显示其内容

Question

我有 div 中的图像和段落，当您滚动标题时我希望显示该段落，这段代码适用于我的其他网站，但由于某种原因在这里不起作用

任何人都可以告诉我我做错了什么

 $(document).ready(function() {

$('.post-band h2').hover(function(){
        $(".entry p",this).fadeTo("fast", 1);
          //$(".entry p",this).slideDown();
        },
    function(){
         $(".entry p",this).fadeTo("fast", 0);
        //  $(".entry p",this).slideUp();
                });

});

<div class="post-band" id="post-67">

 <h2>Dale Rodman</h2>
<div class="band-image">
<img width="300" height="250" src="http://localhost/wp-content/uploads/2012/02/dale1.jpg" class="attachment-post-thumbnail wp-post-image" alt="dale" title="dale" /></div>

 <div class="entry">
   <p>Dale has been passionate about music ever since he stopped being passionate about something else, when he puts his mind to something there is not stopping this machine, playing guitar since he was little his ability to absorb different styles has help to create a style like non other.</p>
<h3>Acoustic Guitar, Vocals</h3>
 </div>
    </div>

Answer 1

悬停函数中的 $(".entry p",this) 会查找 $('.post-band h2') 内的选择器（在 h2 内） ）。您可能需要混合使用 .closest() 向上移动，然后使用 .find() 向下移动。

但发布你的 html 以获得更好的答案。

Answer 2

这是一个可能的解决方案的小提琴：http://jsfiddle.net/sDJDr/

我使用的javascript如下也是ori上面的意思。

$(document).ready(function() {

    $('.post-band h2').hover(function(){
        var $p = $(this).closest('div.post-band').find('p');
        $p.fadeTo("fast", 1);
        //$(".entry p",this).slideDown();
    },
    function(){
        var $p = $(this).closest('div.post-band').find('p');
        $p.fadeTo("fast", 0);
        //  $(".entry p",this).slideUp();
    });

});