锚标签高度不适合TD

Question

我正在使用树状视图来填充网页中的行。 在html中，它呈现为表和锚标记。悬停时未选择上边缘和下边缘（即，如果我们将鼠标放在项目的上边缘，则锚标记没有悬停。

问题 - 当我将鼠标悬停在图像上时，未选择锚标记。

问题 - 我需要<a>覆盖边缘。

http://jsfiddle.net/krishnathota/tGWsH/

1. 我需要<a>覆盖边缘。
2. 当鼠标悬停在图像上时，我需要更改<a>锚标记文本的颜色。

实际上我已经将pageSource从浏览器复制到了小提琴中。 如果你愿意我会提供树视图代码。

你能帮助我实现这个目标吗？

Answer 1

习惯了这个

.treeView table tbody tr:hover a{

    color:#fff;

}

Demo

Answer 2

这就是你想要的吗？

Demo

您需要通过扩展CSS来添加另一个类。

所以我有话要说明如何 -

在锚点上添加

.anchor-back
{
    background:#98bf26;
    color:white;
}

<强>使用Javascript -

$('a').hover(function(){
    $('a').removeClass('anchor-back');
    $(this).addClass('anchor-back');

});

我希望你能从这里得到一个想法。