jquery - 切换列表 jquery 上的一项

Question

我想要的是当一个列表项悬停时，切换一个 div 项，但只是在该列表项中。

$("#posts li").hover(function(){
        $(".right").toggle("fast");

    });

我做了这个，但它切换了所有列表项中的 div，这不是我想要的。我怎样才能做到这一点？谢谢

编辑 HTML：

<ol id="posts">
   <li class="post text">
      <div class="right"></div>

   </li>
   <li class="post photo">
      <div class="right"></div>

   </li>
</ol>

Answer 1

咻咻咻：

 $("#posts li").hover(function(){
      $(this).find(".right").toggle("fast");
   });

通过使用它，您可以选择当前悬停的 li，将搜索限制为仅包含.right在相应 li 内的 div。

Answer 2

您可以将上下文限制为此列表项：

$("#posts li").hover(function(){
        $(".right", this).toggle("fast");

    });

Answer 3

您只能为此使用 css：

#posts li .right { display:none; }
#posts li:hover .right { display:block; }