Javascript 隐藏/显示div'；jQuery中的子对象

在我的站点中，我有一组

div

s，其中有一个删除选项（基本上是一个链接）。我想要的是删除选项——默认情况下是隐藏的——在鼠标进入div时显示，在鼠标离开div时隐藏。如果一个div有子对象，并且鼠标在它的子对象上，那么容器和子对象都应该具有可见的delete选项

以下是HTML：

<div class="container">
    <a href=".." class="deleteOption">Delete</a>
    <div class="child">
        <a href=".." class="deleteOption">Delete</a>
    </div>
    <div class="child">
        <a href=".." class="deleteOption">Delete</a>
    </div>
    .
    .
    .
    <div class="child">
        <a href=".." class="deleteOption">Delete</a>
    </div>
</div>

---

这在Chrome和Firefox中运行良好，但在IE（甚至在IE9中）中，删除选项会间歇性地显示和隐藏。对于每种浏览器，使用jQuery有更好的方法吗？

您可以通过纯css实现这一点：

.container .deleteOption { display:none; }
.container:hover > .deleteOption { display:inline; }
.child:hover > .deleteOption { display:inline; }

---

您可以通过纯css实现这一点：

.container .deleteOption { display:none; }
.container:hover > .deleteOption { display:inline; }
.child:hover > .deleteOption { display:inline; }

---

哇，我不知道CSS能和这些东西联系起来。即使在IE6中，它也工作得很好。谢谢哇，我不知道CSS能和这些东西联系起来。即使在IE6中，它也工作得很好。谢谢