2012-02-07 83 views
1

我需要它,因此当您单击表格行时,它仅突出显示表格中的一行,如果用户要从同一个表格中单击另一个TR,它将取消选择先前选择的TR并突出显示点击的一个。仅在表格中突出显示一个<tr>

帮助?

什么现在使用im是

<tr onclick="style.backgroundColor='#eaf0f5';"> ..... </tr> 
+0

你还尝试过什么吗?你的代码在哪里? – gonchuki 2012-02-07 11:40:57

+0

当下我所拥有的就是onclick =“style.backgroundColor ='#eaf0f5';”里面的 – ahmet 2012-02-07 11:42:31

+0

使用jQuery。这里你有api文档:http://api.jquery.com/ 你可能想看看选择器:) – 2012-02-07 11:42:57

回答

6

试试这个:

jQuery的1.7+

$("table tr").on('click', function() { 
    $("table tr").removeClass("highlight"); 
    $(this).addClass("highlight"); 
}); 

jQuery的< 1.7

$("table tr").click(function() { 
    $("table tr").removeClass("highlight"); 
    $(this).addClass("highlight"); 
}); 

CSS

.highlight { background-color: #FF0; } 
+0

未捕获TypeError:对象[对象对象]没有方法 – ahmet 2012-02-07 11:52:19

+0

我想你正在使用旧版本的jQuery,我会更新我的答案。 – 2012-02-07 11:52:57

+0

现在感谢没有错误,但是当我点击一个TR时,它将我导航到另一个标签,因为它应该,但是当我回到原始选项卡时,它不会突出显示,我的.highlight在我的css – ahmet 2012-02-07 11:55:07