仅显示适当的元素'；s云jquery

我有一个简单的问题要问你

我需要实现的图像列表，将显示上面的描述云当你悬停他们

这就是我到目前为止所做的：

<script type="text/javascript">
     $(document).ready(function() {
     $(".parts li").hover(
          function () {
        $(this).append($(".cloud"));
        $(".cloud").css({'display':'block'});
     });
     $("body").click(
          function () {
        $(".cloud").css({'display':'none'});
          });
     });
 </script>

$（文档）.ready（函数（）{
$（“.li”）。悬停(
函数（）{
$（this.append（$（“.cloud”））；
$（“.cloud”）.css（{'display'：'block}）；
});
$（“正文”）。单击(
函数（）{
$（“.cloud”）.css（{'display'：'none'}）；
});
});

这是我的标记：

<ul>
                <li>
                    <a href="http://www.facebook.com"><img src="http://www.markhorrell.com/images/travel-button-random.jpg" alt="part1"/></a>
                    <span class="cloud" style="display:none">
                        this is so great it worksthis is so great it worksthis is so great it works
                    </span>
                </li>
                <li>
                    <a href="http://www.facebook.com"><img src="http://www.markhorrell.com/images/travel-button-random.jpg" alt="part1"/></a>
                    <span class="cloud" style="display:none">
                        Lorem ipsum
                        <img src="http://www.journalofvision.org/content/10/11/16/F3.small.gif" />
                    </span>
                </li>
</ul>

这太棒了这太棒了这太棒了这太棒了


乱数假文

现在，我需要知道的是，当我将鼠标悬停在某个特定的.cloud上时，如何显示它

我尝试了child（）和其他选项，但没有成功

你能给我提供一些解决方案吗？多谢各位

$(document).ready(function() {
     $(".parts li").hover(function () {
        $(this).find(".cloud").show();          
     });
     $("body").click(function () {
         $(".cloud:visible").hide()
          });
     });

编辑：

您可以将

mouseenter

事件委托给家长

$(document).ready(function() {
    $("li").delegate("a","mouseenter",function(){
    $(this).parent("li").find(".cloud").show();
    });  
$("body").click(
          function () {
              $(".cloud:visible").hide();
          });
     });

编辑：

您可以将

mouseenter

事件委托给家长

$(document).ready(function() {
    $("li").delegate("a","mouseenter",function(){
    $(this).parent("li").find(".cloud").show();
    });  
$("body").click(
          function () {
              $(".cloud:visible").hide();
          });
     });

---

< P>我相信你可能要把鼠标的描述隐藏在<代码>

我相信你可能要把鼠标的描述隐藏在<代码>

我也会考虑这一点。你真好：我也会考虑这个问题。你真是太好了：）