JavaScript在mouseover上显示子div

Question

我有以下HTML：

<div id="wrapper">
    <div onmouseover="displayDiv()">  <div id="thisIsTheDivToDisplay"></div   </div>
    <div onmouseover="displayDiv()">  <div id="thisIsTheDivToDisplay"></div>  </div>
    <div onmouseover="displayDiv()">  <div id="thisIsTheDivToDisplay"></div>  </div>
    <div onmouseover="displayDiv()">  <div id="thisIsTheDivToDisplay"></div>  </div>
</div>

我想在里面显示div，当我mouseover时，它是parent div。但我不能使用ID，因为div的数量是随机的（取决于数据库中的值）。在JavaScript中有什么方法可以显示唯一的子div（取决于div I鼠标悬停）吗？

Answer 1

为什么需要使用js？它可以通过css来解决。这是篡改的工作示例

<div class="lol">
    <div>lol</div>
</div>
<div class="lol">
    <div>lol</div>
</div>
<div class="lol">
    <div>lol</div>
</div>

.lol{width:100px;height:100px; background:red;margin:10px}
.lol div{display:none}
.lol:hover div{display:block} 

http://jsfiddle.net/kpblc/4Vfra/