Onmouseover 从其他元素更改 CSS 类

euD*_*nis 5 javascript

我正在尝试制作一个 JS,但由于我不是这方面的专家,也许有人可以帮助我。我在 Google 和 Stack Overflow 中搜索,但没有找到我需要的。我刚刚发现onmouseover改变元素本身的类。但我想要不同的东西:

我想打一个onmouseovera标签类更改closedopen其他元素。例子:

<a href="#" onmouseover="<active event>">Link</a>

<ul class="dropdown closed"><li>Item</li></ul>

问候,

Mih*_*ail 4

如果包含 jQuery:

为您的元素添加 id:

<a href="#" id="a1">Link</a>
<ul class="dropdown closed" id="ul1"><li>Item</li></ul>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

$("#a1").mouseover(function(){
  $("#ul1").addClass("open").removeClass("closed")
})
Run Code Online (Sandbox Code Playgroud)