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

Question

目前我有一个 javascript/jquery sn-p 可以根据当前悬停在哪个图标/图像上来更改文本框中的文本。它目前使用 ID 标签名称作为显示字符串。我怎样才能让它显示一些其他文本（基于相同的图像悬停） - 即，而不是使用像“idOne”这样的 ID 字符串，我可以使用另一个字符串，比如“这是要显示的文本”用于特定的 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"));