Jquery Wordpress：在鼠标悬停时更改菜单标签

我想在鼠标经过wordpress菜单时，可以更改其他文本的wordpress菜单标签。以下是我的目标：

---

有人能告诉我一些方向吗？有Jquery技巧吗？CSS黑客？

您可以这样做：

Javascript:

var elem = document.getElementById("list_one");

elem.onmouseover= function(){
  this.value = "Something Else";
}

elem.onmouseout= function(){
  this.value = "Original text";
}

---

CSS版本：

HTML:

---

一个纯CSS/HTML解决方案怎么样？下面的示例还有一个额外的好处，即保持正确的内容/样式分离，并使代码占用最少

HTML

---

伟大的非常感谢这个非常完整和快速的答案！别担心！很高兴我能帮助你！别忘了投票并标记为已接受！：）@用户3592164

<div id="list_one">Original Text</div>

#list_one::before{
  content:'Something Else';
  position:absolute;
 visibility:hidden;
}

#list_one{
    position:relative;
}

#list_one:hover{
    visibility:hidden;
}

#list_one:hover::before{
    visibility:visible;
}

<a href='#' data-englishLabel='School' data-chineseLabel='學校'></a>

a:before {
    content:attr(data-chineseLabel);
}
a:hover:before {
    content:attr(data-englishLabel);
}