使用JavaScript（onMouseOver）更改多个链接的文本

我有多个链接，每个链接都嵌入到自己的列表项中，如下所示：

<ul id="topLinks">
    <li><a href="#">Link 1</a></li>
    ...
    <li><a href="#">Link 4</a></li>
</ul>

...

我想做的是，当用户将鼠标悬停在链接上时，会将破折号添加到链接文本中。例如，当鼠标在“链接1”上滚动时，它将变为“-Link 1-”，当光标不再在该链接上时，它将恢复正常，而其他链接将保持不变（直到用户将光标滚动到每个相应的链接上）

---

我试着为它编写一些自己的脚本，但我对JavaScript还是相当陌生，所以我有点迷路了。哦，顺便说一句，我很抱歉没有一个真实的例子，我现在正在使用我的本地主机…

事实上，你可以使用

：after

和

：before

CSS选择器，结合

：hover

：。它比JavaScript更直接、更快

li:hover:before {
    content: "-";
}

li:hover:after {
    content: "-";
}

---

如果你愿意使用jQuery，那么这就行了：如果不愿意，我可以为你尝试其他方法。

以防万一，你不知道-它为实时演示提供了很好的服务。我知道你要求使用js，但如果你所做的只是稍微更改文本，你也可以使用css。