更改表行显示属性

Question

我有一个html页面,其中包含一个包含隐藏行的表:

<table>
  <tr id="hiddenTr" style="display:none">
    ...
  </tr>
</table>

我需要使用jquery在客户端使它可见.我试过这个

$('#hiddenTr').show();

还有这个

$('#hiddenTr').css('display', 'table-row');

这两种实现都不适合我.此外,第二个不是crossbrowser.

UPD. 对不起大家.这是我的错:我错误输入了tr元素id.奇怪的是$('hiddenTr')没有返回null ...

Answer 1

我总是将style.display属性设置为""(空字符串)以显示隐藏的表格行:

var row = document.getElementById('row_id');
row.style.display = "";   // shows the row

要再次隐藏它:

row.style.display = "none";   // hides the row

在jQuery中,这将是:

$("#row_id").css("display", ""); // show the row

要么

$("#row_id").css("display", "none");  // hides the row

IE似乎不喜欢显示的'table-row'值.并且'阻止'不正确,有时它似乎搞砸了其他浏览器中的显示.

Answer 2

第一个应该工作.你把它包装在$(document).ready(function(){})中; ？

$(document).ready(function(){
    $('#hiddenTr').show();
});