jQuery父(‘tr’) onFocus

Question

我正在构建的应用程序使用一个带有数据输入字段的大表来记录数据。我需要给用户一个直观的线索，让他们知道他们在哪一行表上，以帮助他们导航表单。

目前我有

onFocus="HighlightTableRow()"

在下拉列表上。当用户单击或标签到此窗体元素时，父表行应突出显示。下面是一个叫做onFocus的函数：

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

两个问题：

1. 当该行没有使用时(form元素不是onFocus)，那么我需要.removeClass('RowHighlight')。不知道该怎么做。

，

1. ，我似乎找不到正确的选择器。我注释掉的警报将触发，但'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站点中找到更多有关该类的信息