1

我想要一个类似于这个例子的解决方案 

$('#field2').attr('title', 'student_Name');

但以另一种方式，正如我在下面解释的那样！

在使用浏览器的开发工具或使用 firebug 插件测试 web 程序时，检查元素可以帮助我们了解任何元素的 id 或名称或整个结构的详细信息。

现在我只想在不编写任何 javascript 或 jquery 代码的情况下将鼠标悬停在任何元素中时，将所选元素的 id 或名称显示为工具提示。

这个要求是因为，我的网站是日语的。
所有标签均以日文显示，其 id 或 name 属性的名称为英文（*等于日文翻译成英文，例如：学生名 -> 学生名*）。

这将有助于轻松找出所选元素的英文名称，而无需将其标签文本翻译为日文名称。
我认为这将帮助许多像我一样使用英语以外的语言工作的程序员！

是否有浏览器工具或插件或任何其他方式来做到这一点？

4

1 回答 1

1

您可以为此编写简单的 CSS 调试规则：

label {
    position: relative;
}
label:hover:after {
    content: attr(for);
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #FFF;
    padding: 2px 4px 3px;
}

http://jsfiddle.net/dfsq/zMX5w/1/

于 2013-03-13T11:24:09.847 回答