javascript - JavaScript 在鼠标悬停时显示子 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我的鼠标悬停）？

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/