jQuery 或 CSS - 即使光标位于相邻单元格中，如何使表行中的链接显示为下划线？

Question

我有一个 3-4 列的表格，中间的一列是任务名称，也是链接(又一个待办事项应用程序..groan)。我试图做到这一点，以便每当鼠标悬停在表行的任何部分(而不仅仅是链接本身)上时，链接都会显示下划线。这是一个小细节，但它让我非常恼火，我现在拒绝让它战胜我。

首先我尝试使用 jQuery(请原谅明显的语法错误，但这就是要点)

$('#row_in_question').hover( 
function(){ $(this).find(...the link..).toggleClass("highlighted") },
function(){ $(this).find(...the link..).toggleClass("highlighted") }
);

将此作为一般 a 元素的样式

.highlighted {
text-decoration: underlined;
}

它确实切换了该链接上突出显示的类 - 但是 css 继承妨碍了并且没有进行任何视觉更改。由于我之前将该链接设置为在未悬停时没有下划线，因此不会更改样式。

那么我该怎么做呢？我不希望整行变得可点击，我只是希望文本带有下划线。

Answer 1

改变CSS怎么样

$('#row_in_question').hover( 
    function(){ $(this).find(...the link..).css({'textDecoration': 'underline'}) },
    function(){ $(this).find(...the link..).css({'textDecoration': 'none'}) }
);