学习使用jquery将tr一整行设置为不可用状态

当你点击任何一个元素时，它会添加一个disabled类到该元素上，从而通过CSS使整行变为不可点击（即不可用状态）。pointer-events: none;属性确保了用户不能与表格行中的任何元素互动，包括点击。

<table>
  <tr class="row">
    <td>行1 - 列1</td>
    <td>行1 - 列2</td>
  </tr>
  <tr class="row">
    <td>行2 - 列1</td>
    <td>行2 - 列2</td>
  </tr>
</table>

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

$(document).ready(function() {
  $('.row').click(function() {
    $(this).addClass('disabled');
  });
});