鼠标悬停在高图表饼图上时高亮显示表格行

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");
},
.......