更改表行显示属性

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

...

我需要使用jquery在客户端显示它。我试过这个

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

还有这个

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

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

UPD。 对不起大家。这是我的错：我错误输入了tr元素id。奇怪的是$（’hiddenTr’）没有返回null …

我总是将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’值。并且“阻止”不正确，有时似乎搞砸了其他浏览器中的显示。

第一个应该工作。你把它包装在$（document）.ready（function（）{}）中吗？？

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

您可以尝试设置display:auto ，但老实说，我只有手动设置表行/单元格的显示属性。

我发现通常工作的是创建一个名为“hidden”的CSS类，它有display:none 。而不是show（）ing，我只是删除该类。

试过？

  $('#hiddenTr').css('display','block');

此外，你应该在

放入一些东西，至少是一个因此浏览器客户端不会折叠该行。不同的客户表现得很差……

您可以尝试此代码。

CSS风格

HTML表格内容

   Hidden Table Row  
 Table Row
 Table Row

HTML按钮代码

包括jQuery CDN

创建自定义javascript函数