鼠標懸停時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/