更改tr背景颜色

我有这样的事情:

<tr id='' onclick="SetBackgroundColor(this)" style="background-color:Yellow"> 

当我点击一行我想改变它的背景颜色,我喜欢这样:

 function SetBackgroundColor(rowId) { $(rowId).css("background-color", "#000000"); } 

但我不知道为什么它不起作用。 有什么建议吗?

IE有TR元素的背景颜色问题。 更安全的方法是在TR中设置TD和TH的背景:

 
testcell

补充:您可以为整个表分配单个事件处理程序以提高性能:

 $('#tabletest').bind('click', function(e) { $(e.target).closest('tr').children('td,th').css('background-color','#000'); }); 

在jQuery中,您不必使用onclick属性来分配事件处理程序。 假设您为要影响的每个tr添加一个名为mytr的类。 然后你可以做这样的事情:

  $(document).ready(function(){ $(".mytr").click(function(){ $(this).css("background-color", "#000000"); }); }); 

这将把事件处理程序应用于具有类mytr的所有行。

这将在点击新行时重置每一行……

 $(document).ready(function(){ $('tr').click(function(){ $('tr td').css({ 'background-color' : 'green'}); $('td', this).css({ 'background-color' : 'red' }); }); }); 

演示: http : //jsbin.com/aciqi/

  $('#RowID').children('td, th').css('background-color','yellow'); 

一个更简单的解决方案是可能对表或addClass中的所有行使用选择器。

 $("#myTable tr").click(function() { $(this).css('background-color', '#f00'); }); 

要么

 $("#myTable tr").click(function() { $(this).addClass('selected'); }); 

请尝试更改表格单元格背景颜色,而不是更改表格行背景颜色。

 $(document).ready(function() { $(".mytr td").click(function() { $(this).css("background-color", "#000000"); }); }); 

谢谢大家……问题是在masterpage中我before query-1.3.2-vsdoc.js before加载了j query-1.3.2.min.js query-1.3.2-vsdoc.js ,这就是它无法工作query-1.3.2-vsdoc.js再次query-1.3.2-vsdoc.js