在鼠标悬停时更改不同的div类

Question

有很多这方面的例子,但我找不到合适的一个 - 我相信我的是一个更简单的例子.

我有如下:

<li onmouseover="this.className='change-here2'" onmouseout="this.className='change-here'"> 
    <div class="change-here">
       Text Here
    </div>
</li>

li元素具有背景图像和改变背景图像的悬停效果.

使用这个 .className更改li类,当我想要的是更改它的类下面的div.

我不应该能够修改这一来div.change,在这里,或类似的东西？我不知道语法......

任何帮助表示赞赏.

编辑:TimWolla的解决方案非常出色.谢谢你们.

Answer 1

你为什么不只使用CSS？

li .class { background-color: red; }
li:hover .class { background-color: green; }

请参阅:http://jsfiddle.net/TimWolla/zp2td/