鼠标悬停时更改其他元素的 CSS 类
2013-04-08
43730
我正在尝试制作一个 JS，但由于我不是这方面的专家，也许有人可以帮助我。我在 Google 和 Stack Overflow 中搜索过，但没有找到我需要的东西。我刚发现
onmouseover
可以更改元素本身的类。但我想要一些不同的东西：
我想在
a
标签上制作一个
onmouseover
，以将其他元素中的类
closed
更改为
open
。示例：
<a href="#" onmouseover="<active event>">Link</a>
<ul class="dropdown closed"><li>Item</li></ul>
问候，
3个回答
如果您包含 jQuery：
为您的元素添加 id：
<a href="#" id="a1">Link</a>
<ul class="dropdown closed" id="ul1"><li>Item</li></ul>
Javascript：
$("#a1").mouseover(function(){
$("#ul1").addClass("open").removeClass("closed")
})
Mihail
2013-04-08
您可以使用
<a href="#" onmouseover="changeClass">Link</a>
和 JS:
function changeClass() {
document.getElementById("other-element").className = "open";
}
更高级的 JSFiddle: http://jsfiddle.net/eRdHJ/1/
Alfred Xing
2013-04-08
<a href="#" onmouseover=$("ul.dropdown").addClass("open").removeClass("closed")>Link</a>
<ul class="dropdown closed"><li>Item</li></ul>
这是 jsfiddle： http://jsfiddle.net/eRdHJ/2/
Ranjit Singh
2013-04-08