无法设置父级的CSS属性"&书信电报；tr>&引用；在jQuery中

我有一张

表格

，如下所示：

<table>
    <tbody style="border: 4px solid red;">
        <tr>
            <td class="HeaderOfTable" style="width:5%; padding:5px;">#</td>
            <td class="HeaderOfTable" style="width:70%; padding:5px;">Title</td>
            <td class="HeaderOfTable" style="width:10%; padding:5px;">Number of Items</td>
            <td class="HeaderOfTable" style="width:15%; padding:5px;">Operations</td>
        </tr>
        <tr>
            <td>1</td>
            <td>Gone With the Wind</td>
            <td>2</td>
            <td>
                <input type="button" class="btnShowSearchResults" value="Show Item Details">
            </td>
        </tr>
    </tbody>
</table>

$('body').on('click', '.btnShowSearchResults', function() {
    $(this).parents('tr').css('border', '1px solid red');
});

问题很明显：父级

'tr'

的边框不会更改！请注意：

• 这对其他元素非常有效：

$（this.parent（）.css（'border'，'1px实心红色'）工作！
$（this.parents（'tr'）.parent（）.css（'border'，'1px实心红色'）工作！
$（this.parent（）.prev（）.css（'border'，'1px实心红色'）工作


执行后，父tr的样式变为
，但在浏览器中仍然没有更改
最后，我认为这不适用于
'tr'
s
您自己找到了解决方案：您不能在
tr
标签上使用
border
。这与jQuery或parent（）无关

将其应用于行的每个
td
，可能是一种方法。取决于您的需要。
要将
边框
应用于
tr
元素，您需要

border-collapse: collapse;

真的吗？谢谢我认为这些CSS样式适用于DOM上的每一个元素：（那么我应该如何为用户通知设置tr的边框？（td将单独设置边框，这很难看）P.s.：当你不能信任CSS时，你还能信任谁呢？：DIt看起来很合逻辑，但为什么它对我不起作用？（即使“tr”现在有了“style=border collapse:collapse；”但还没有边框…它可以工作！！！谢谢：）我在tr上设置border collapse，但跟着你们的小提琴，我把它放在桌子上，我现在可以工作了！干杯！