JQuery:表解析器和CSS更改

我有一个表格,格式如下:

 </table

以下CSS:

 table#searchResultTable td { text-align: left; border-bottom: 1px solid #ECD7C2; } .bold { font-weight: bold; } 

以下JSfunction:

 function activeTr( row ) { row.bgColor='#ECD7C2'; document.body.style.cursor = 'pointer'; } function inactiveTr( row ) { row.bgColor='transparent'; document.body.style.cursor = 'default'; } 

到目前为止一切正常。 但是现在我正在尝试将所选行的类替换为.bold,并且必须从所有其他未选择的行中删除相同的类 – 这就是showDetails(TODO)应该做的事情。 我做了几次尝试(包括基于这里描述的内容),但无法让它工作。

请指出我正确的方向(JQuery会很棒;)。 非常感谢!

试试这个。 表(头部和身体):

 
List
AAA
BBB
List
AAA
BBB

添加一个新的css类:

 .active{ background-color: #fab; } 

和一些jquery魔术:

  

请注意,通过这种方式,您的html不会使用Javascript代码,视图和逻辑的良好分离。

也许你在谈论一个jquery表hover插件。 在这种情况下,您可以尝试查看http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html