方法setAttribute一直不起作用

Question

我有一个代码，当鼠标悬停时，根据所选的选项，一些文本会显示在页面顶部的div上。

当我更改“选项”时，悬停时显示的文本有时会起作用。

我拉从SVG中的信息，这是我改变的信息。

这是SVG中的值之一：

<path id="HI" data-info="<div>State: Hawaii</div><div>Capital: 
  Honolulu</div>"

我正与此改变它：

document.getElementById('HI').setAttribute('data-info','State: Alabama  
 </br> Owner: xyz ');

此方法在.change（function（））内部调用，因此当我更改Option时，它将更新信息。

这是我的悬停功能

 $("path, circle").hover(function(e) {
 $('#info-box').css('display','inline');
 $('#info-box').html($(this).data('info'));
  });

同样，这有时会起作用，所以我不确定为什么信息不会一直更新。

希望你们能提供帮助。

Answer 1

如果您使用的是jQuery，并且使用的是data函数，那么为什么不同时使用它来设置值和读取呢？

$(this).data('info', 'State: Alabama </br> Owner: xyz');