jQuery или CSS - Как сделать так, чтобы ссылка в строке таблицы была подчеркнута, даже если курсор находится в соседней ячейке?

Question

У меня есть таблица из 3-4 столбцов, центральным из которых являются имена задач, которые также являются ссылками (еще одно todo app..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:

CSS

td a {text-decoration: none;}
td {padding:10px 5px 0 5px;}
tr:hover a {text-decoration:underline}

HTML

<table>
     <tbody>
    <tr>
        <td>aaa</td>
        <td><a href="#">bbb</a></td>
        <td>ddd</td>
     </tr>
    <tr>
        <td>aaa</td>
        <td>bbb</td>
        <td><a href="#">ddd</a></td>
     </tr>
  </tbody>
 </table>

Answer 2

Как насчет изменения CSS

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

Answer 3

вы также можете делать что угодно: наведите курсор на TR, чтобы сделать это за вас, хотя, если вы уже используете Jquery, лучше придерживаться идеи rahuls.

http://www.xs4all.nl/~peterned/csshover.html