Jquery hover, выделить строку таблицы, кроме последней ячейки

Question

Я хочу преобразовать это поведение css в оператор jquery hover (потому что 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') });

Проблема с этимis $ (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');
});

1006 *