请不要使用任何javascript或jquery，两个css规则就足够了。
选择所有tr:hover，然后使用td:not(:last-of-type)排除最后一列。
然后禁用最后一列上的所有pointer-events，以禁用触发悬停的pointer-events。

table>tbody>tr:hover td:not(:last-of-type) {
  background-color: red;
}

table>tbody>tr>td:last-of-type {
  pointer-events: none;
}

个字符

如果你需要鼠标事件在第三列，这不能没有JS。
第三列应该被禁用的问题。可以用pointer-events:none来实现。但如果我们需要鼠标事件在第3列这里的解决方案：
你可以使用nth-child CSS伪类和一些JavaScript：
https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

'mousemove mouseleave'.split(' ').forEach(name =>
  $table.addEventListener(name, syncHover)
);

function syncHover(e) {

  $table.querySelector('tr.hover')?.classList.remove('hover');

  const $td = e.target.closest('td');

  $td && [...$td.parentElement.children].indexOf($td) < 2 &&
    $td.parentElement.classList.add('hover');

}

table tr.hover>td:nth-child(-n + 2) {
  background: lightgray;
  cursor: pointer;
}

table td {
  padding: 5px 10px;
}

table {
  border-collapse: collapse;
  background: #eee;
}

<table id="$table">
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
  <tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
  </tr>
</table>