悬停jQuery无法找到我表的行

Question

我在HTML中创建了一个表框架，然后在js中添加了基于JSON数据的选项。我目前有从该js创建的表格的行和选项，因此数据可以是动态的。

最终，当您将鼠标悬停在一行后，我想让数据显示/执行某些操作。我决定暂时尝试实施背景颜色更改，以验证其是否有效。

但是，我遇到了一些问题。 它无法识别表中的不同行。

这是一个密码笔链接，https://codepen.io/robersoniastate/pen/zgqXzY?editors=1111

这是由于我如何在JavaScript中创建行和选项吗？

如果我将其更改为寻找“ .tr”，它将仅找到标题行。 如果我更改它以查找“ .tbody”，则会影响整个身体。

我还尝试在我的js附加tr时创建一个类，您可以在此处显示的代码中看到该类。这提供了0个突出显示。

$(".myRows").hover(
  function() {
    console.log('hover called');
    $( this ).css("background","yellow" );
  }, function() {
    $( this ).css( "background","" );
  }
);