jquery 单击 tr 会影响所有行，甚至是 thead 行

Question

下面是我的代码，运行良好。我可以单击表格中的一行，它就会执行我想要的操作。问题是它也会在 <TH> 上触发。我不知道如何使用类似 .not('thead tr') 的东西有了这个功能。我需要将 TH 转换为一种排序，这样我就需要防止它在行单击时触发。

$('#upgrades').on("click", "#upgrades tr", function () {
*** do stuff
});

Answer 1

尝试 ":not(thead) tr" - .not()

这是你想要的吗？这样您就无法单击 thead

中的任何 tr

$('#upgrades').on("click", ":not(thead) tr", function() { 
  console.log("clicked")
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="upgrades">
  <thead>
    <tr>
      <td>cant click</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>can click</td>
    </tr>
  </tbody>
</table>