Question

我使用以下程序创建突出显示鼠标在事件上的行它工作正常，但我的问题是，如果鼠标悬停在特定行，突出显示栏之间出现空格？如何删除空格？

表格创建：

<table border="0" id="TabDeclaration"  width="100%" cellpadding="5" cellspacing="3" border="2">
    <tr>
        <td>aaaa</td>
        <td>bbbb</td>
        <td>azaz</td>
    </tr>
    <tr>
        <td>cccc</td>
        <td>dddd</td>
    </tr>
    <tr>
        <td>eeee</td>
        <td>ffff</td>
    </tr>      
</table>

jQuery for call css：

$('#TabDeclaration tr').mouseover(function() {
    if($.trim($(this).text()) != '')
       $(this).addClass('hovered');
    }).mouseout(function() {
       $(this).removeClass('hovered');
});

的CSS：

.hovered td {
   background: #ddd;
}

Answer 1

你为什么要使用javascript？使用css :hover选择器要容易得多。

HTML：

<tr>
    <td>aaaa</td>
    <td>bbbb</td>
    <td>azaz</td>
</tr>

<tr>
    <td>cccc</td>
    <td>dddd</td>
</tr>
 <tr>
    <td>eeee</td>
    <td>ffff</td>
</tr>

CSS：

tr:hover {
  background: #ddd;
}

当鼠标悬停在表格行上时，这应该可以正常工作。 :hover选择器适用于任何HTML元素，而不仅仅是<a>标记。

Answer 2

在表格标签中，定义此属性

cellspacing="0"

突出显示html表中的行？

2 个答案: