jQuery父('tr')onFocus

jmo*_*rdt 3 jquery

我正在构建的应用程序使用带有数据输入字段的大表来记录数据.我需要给用户一个关于他们所在的表行的视觉线索,以帮助他们导航表单.

目前我有

onFocus="HighlightTableRow()"
Run Code Online (Sandbox Code Playgroud)

在下拉列表中.当用户单击或标签到此表单元素时,父表行应突出显示.所以,这是被调用onFocus的函数:

function HighlightTableRow(){  
  $(this).parent("tr").addClass('RowHighlight');  
  //alert($(this));  
}
Run Code Online (Sandbox Code Playgroud)

两个问题:

  1. 当该行未被使用时(表单元素不是onFocus),那么我需要.removeClass('RowHighlight').不知道该怎么做.
  2. 我似乎无法让选择器正确.我注释掉的警报会触发,但'tr'元素的样式没有任何反应.

任何帮助赞赏.谢谢!

Phi*_*ert 14

<select name="ContactMade[]" id="ContactMade">
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

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