jQuery parent ('tr') onFocus

Question

Приложение, которое я создаю, использует большую таблицу с полями ввода данных для записи данных. Мне нужно дать пользователю визуальную подсказку о том, в какой строке таблицы они находятся, чтобы помочь им перемещаться по форме.

В настоящее время у меня есть

onFocus="HighlightTableRow()" 

на списке. Когда пользователь нажимает или вводит табуляции в этот элемент формы, должна выделяться строка родительской таблицы. Итак, вот функция, которая вызывается OnFocus:

function HighlightTableRow(){ 
    $(this).parent("tr").addClass('RowHighlight'); 
    //alert($(this)); 
} 

две проблемы:

1. Когда эта строка не используется (элемент формы НЕ OnFocus), то мне нужно .removeClass («RowHighlight») , Не знаете, как это сделать.
2. Я, похоже, не могу правильно выбрать селектор. Предупреждение, которое я прокомментировал, будет срабатывать, но ничего не происходит со стилем элемента tr.

Любая помощь приветствуется. Благодаря!

Answer 1

<select name="ContactMade[]" id="ContactMade"> 

Javascript:

$("#ContactMade").focus(function() { 
    $(this).closest("tr").addClass('RowHighlight'); 
}) 
.blur(function() { 
    $(this).closest("tr").removeClass('RowHighlight'); 
}); 

Answer 2

Я думаю, что вы хотите изменить стиль ячеек ... давайте скажем Backgorund: попробовать определения CSS класс "RowHighlight", как:

RowHighlight td 
{ 
    background-color:red; 
} 

Итак, вы примените фон ко всем ячейкам в этой строке.

И для добавления и удаления класса в JQuery использовать ToggleClass(), вы можете найти более подробную информацию об этом на сайте JQuery