Question

我想将此css行为转换为jquery悬停语句（因为IE7 / 8不支持css3）。基本上，当悬停在一行上时，我希望除最后一个单元格外突出显示整行。

#mysearchtable tr:hover td:not(:last-child)
{
  background-color: #444444;
}

我尝试过使用它：

$("#mysearchtable tr td:not(:last-child)").hover(
 function () { $(this).addClass('hoverclass') }, 
 function () { $(this).removeClass('hoverclass') });

这个问题是$（this）只返回悬停的实际单元格。我可以尝试使用$（this）.parent（）但这会给我整行。我想要的是突出整行，除了最后一个单元格。

有人知道解决方案吗？

干杯。

Answer 1

未经测试，但请尝试：

$("#mysearchtable tr").hover(
    function () { $(this).find("td:not(:last-child)").addClass('hoverclass') }, 
    function () { $(this).find("td:not(:last-child)").removeClass('hoverclass') }
);

Answer 2

在这里你可以用这种方式。 Jsfiddle demo

$("table td").not('td:last').hover(function() {
    $(this).css('background-color','red');
});

Jquery悬停，突出显示除最后一个单元格之外的表格行

2 个答案: