Javascript 高亮显示动态创建的行

我有一个表格，每次我按下“添加”按钮时都会添加一行。我有一个“编辑”按钮，它位于新创建行的第一个单元格中

我想突出显示正在编辑的行。我知道我可以得到当前的

元素，如

var par = $(this).parent().parent(); 

但是当我使用

par.css('border-color', 'red');

它不会改变颜色。

---

我犯了什么错误？我应该如何突出显示该特定行？

假设

此

引用了

tr

中的一个元素，那么最好在此处使用

---

这实际上是关于

的样式。CSS不喜欢样式化

，因为它们实际上只是为了语义而存在。要向其中添加边框，需要使其

display:block

下面是一个示例和代码

HTML

<table>
    <tbody>
        <tr><td>Some Content</td></tr>
        <tr><td>Some Content</td></tr>
        <tr>
            <td>
                <a href="#" class="edit">Edit</a>
            </td>
        </tr>
        <tr><td>Some Content</td></tr>
        <tr><td>Some Content</td></tr>
    </tbody>
</table>

CSS

table tr {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
}

.editting {
    background: #FAA;
    border: 1px solid red;
}

请注意我是如何使用
rgba
颜色使边框不透明的。还有其他方法可以做到这一点，但是如果你将边界关闭，它会导致表“抖动”。
你能张贴小提琴吗？试试<代码> var PAR＝$（这个）。最近的（“TR”）< /代码>你也可以显示标记吗？你应该提供标记，正如它现在所说的，它也可能是一个零边沿宽度的问题。
$(".edit").click(function(e) {
    $(this).closest('tr').toggleClass('editting');
    e.preventDefault();
});

table tr {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
}

.editting {
    background: #FAA;
    border: 1px solid red;
}