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/