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

我有一个由3-4列组成的表格，中间的一列是也是链接的任务名称（还有另一个todo app..groan）。我试图做到这一点，以便每当鼠标悬停在表格行的任何部分上时（不仅是链接本身），该链接都将显示为下划线。这是一个很小的细节，但是它让我很烦，就像地狱一样，我拒绝让它现在变得更好。

起初，我尝试使用jQuery（原谅明显的语法错误，但这是jist）

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

以此作为a元素的样式

.highlighted {
text-decoration: underlined;
}

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

那我该怎么办呢？我不希望整个行都可单击，我只希望文本带有下划线。

最佳答案

那改变css呢

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

关于jquery - jQuery或CSS-即使光标位于相邻单元格中，如何使表行中的链接带下划线？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2499220/