Html 悬停tr时更改整个表格背景

我有一张有背景图片和两张图片的桌子。 我基本上想改变整个桌子的背景图像，在其中一个td上悬停。有什么方法可以做到这一点吗？

使用jQuery：

$( function() {
  $('#OneOfTheTD').click( function() {
    $(this).parent("table").toggleClass("class-with-other-background");
  } );
} );

HTML:

---

是的，这是可能的，但您必须通过JS来完成这项工作——因为CSS中没有父/祖先选择器。p/s：欢迎使用StackOverflow，您可能希望了解如何创建一个，以便向我们提供有关您的问题的更多详细信息。对于您的情况，在代码片段中减少标记将是一个很好的起点。

<table id="ch">
            <tr>
                <td>hsadkj</td>
                <td>asdy</td>
                <td>jghsdk</td>
            </tr>
            <tr>
                <td onmouseover="chan()">dsjh</td>
                <td>ksahd</td>
                <td>kldfjh</td>
            </tr>
        </table>

function chan()
{
    document.getElementById("ch").style.backgroundImage="url";
}