Javascript jQuery在mouseover上设置带有嵌套表的tr border

当tr有嵌套表时，我在让它更改边框方面遇到了问题。有人能帮我解决这个问题吗

这是我的桌子结构

<table class="SearchResults" cellpadding="0" cellspacing="0" id="tblResultsHTML">
<tbody>
        <tr class="BlackHeader">
    <td>header here</td>
        </tr>
        <tr>
    <td>
                <table class="SearchResults" cellpadding="2" cellspacing="0" width="100%">
        <tbody>
                        <tr class="GroupHeader">
            <td>group 1</td>
            </tr>
                        <tr>
            <td width="75%">sub 1</td>
                            <td valign="top">sub 2</td>
            </tr>
            </tbody>
               </table>
           </td>
   </tr>
       <tr>
    <td>
                 <table class="SearchResults" cellpadding="2" cellspacing="0" width="100%">
        <tbody>
                        <tr class="GroupHeader">
            <td>group 2</td>
            </tr>
                        <tr>
            <td width="75%">sub 1</td>
                            <td valign="top">sub 2</td>
            </tr>
            </tbody>
               </table>
            </td>
   </tr>
   </tbody>
</table>

我想要做的是，当我悬停包含嵌套表的整行时，它有一个边框。因此，如果我将鼠标放在组1上，该行中的整个嵌套表将有一个边框。这有意义吗

谢谢

从外部表中删除“SearchResults”类，然后尝试以下操作：

$('.SearchResults').live(
    {
        mouseover: function() {
            $(this).parent().css({
                border:'2px solid black',
            });
        },
        mouseout: function() {
            $(this).parent().css({
                border:0,
            });
        },
    });

---

您希望单元格有边框、行还是嵌套表？我希望父表的整行有边框。所以整个嵌套表都会有一个边框，它们不是一回事。仅仅因为行有一个单元格，而单元格包含一个表，并不意味着行=单元格=表。我知道，就在这种情况下，它是这样的。无论如何，我希望父表中的每一行的边框都在hover上，或者更改为

$（'.SearchResults.SearchResults'）

我已经测试过了，这是有效的：）我在jquery中遇到了一个异常，使用上述语法。不过，这个办法奏效了！谢谢你

$（'.SearchResults'）.live（“mouseover mouseout”，函数（event）{if（event.type==“mouseover”）{$（this.parent（）.css（{border:'2px纯黑'，}）；}else{$（this.parent（）.css（{border:0，}）；}）注意：去掉事情末尾的逗号：）@Andy:你使用的是最新版本的jQuery吗？您需要1.4或更高版本才能使用我的方法。我使用的选择器显示：查找“一个类中一个类的子类”，无论该类被“调用”为什么：
$('.SearchResults').live(
    {
        mouseover: function() {
            $(this).parent().css({
                border:'2px solid black',
            });
        },
        mouseout: function() {
            $(this).parent().css({
                border:0,
            });
        },
    });