jquery - 鼠标悬停时突出显示表格行 HighChart Pie

Question

当我将鼠标移到饼图上时，我可以看到 console.log 正在写入控制台。所以我决定添加一个代码来突出显示与饼图匹配的表行。

mouseOver: function(e) {
   console.log(this.options.id);
   $(this).find('#tableId tr#this.options.id').toggleClass("hover");
},
mouseOut: function(e) {
   console.log(this.options.id);
   $(this).find('#tableId tr#this.options.id').toggleClass("hover");
},
.......

有一张桌子id="tableId

<table id="tableId">
   <tr id="someMatchingName">
      <td>Hello</td>
   </tr>
</table>

我知道这行不通。我已经看到使用示例，live但这似乎不符合需要。有谁知道当鼠标悬停在饼图上时我应该使用什么来突出显示该行，而当鼠标移出时我应该使用什么来突出显示该行。

谢谢

Answer 1

ID 在 HTML 中应该是唯一的，所以你可以只写

mouseOver: function(e) {
   console.log(this.options.id);
   $('#' + this.options.id).addClass("hover");
},
mouseOut: function(e) {
   console.log(this.options.id);
   $('#' + this.options.id).removeClass("hover");
},
.......