展开当前Javascript文本框内容更改

Question

目前我有一个javascript/jquery代码片段，根据哪个图标/图像当前悬停在文本框中更改文本。它目前使用ID标签名称作为显示字符串。我怎么能让它显示一些其他文本(基于相同的图像悬停)-即，而不是使用ID字符串，如"idOne"我可以使用另一个字符串，如"这是要显示的文本"对于特定的ID元素(.attr(' ID '))正如你所知，我对这个很陌生!感谢任何指导。由于

jQuery(document).ready(function($) {
var text=$('#explain-text').text();
$('#idOne,#idTwo,#OidThree,#idFour,#idFive').hover(function() {
$('#explain-text').text($(this).attr('id'));
},function(){
$('#explain-text').text(text);
});
});

Answer 1

您可以像这样在img标签中添加其他属性:
<img id="one" src="images.png" alt="Smiley face" info="This is the text to be displayed" >

然后，在你的JS文件中，得到它的值如下:

$('#explain-text').val($(this).attr("info"));