Question

我正在构建的应用程序使用带有数据输入字段的大表来记录数据。我需要向用户提供关于他们所在表行的视觉线索，以帮助他们浏览表单。

目前我有

onFocus="HighlightTableRow()"

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

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

两个问题：

当该行未使用时（表单元素不是onFocus），我需要.removeClass（'RowHighlight'）。不知道该怎么做。
我似乎无法让选择器正确。我注释掉的警报会触发，但'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站点中找到有关它的更多信息

jQuery父（'tr'）onFocus

2 个答案: