Question

我想要一个解决方案similar to this example

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

但是我已经在下面解释了另一种方式！

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

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

这个要求是因为，我的网站是日语。所有标签都显示日文文本＆amp;他们的id或name属性的名称是英文（*等于翻译日文到英文ex：学生名 - ＆gt; student_Name *）。

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

是否有浏览器设施或插件或任何其他方式？

Answer 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/

是否有浏览器支持或任何插件，它们在悬停在元素中时将html元素的ID或NAME显示为工具提示？

1 个答案: