Javascript CSS隐藏表格并显示tr

我想隐藏一个加载的表，并根据类名显示它的一个子表。 有可能用CSS实现吗

---

我试图这么做，但我认为它继承了被显示隐藏的表：无

无法显示隐藏父项的子项

但是，您可以隐藏所有其他的

-s，并只显示您需要的一个

<style>
td { display: none }
td.shown { display: table-cell }
</style>

<table>
    <tr>
        <td> hidden </td>
        <td> hidden </td>
    </tr>
    <tr>
        <td class="shown"> shown </td>
        <td> hidden </td>
    </tr>
    <tr>
        <td> hidden </td>
        <td> hidden </td>
    </tr>
</table>

td{显示：无}
td.show{display:table cell}
隐藏的
隐藏的
展示
隐藏的
隐藏的
隐藏的

---

更新

使用JavaScript

var tds = document.getElementsByTagName("td");

for ( var i = 0, size = tds.length; i < size; i++ ) {
    if ( !hasClass( tds[i], "shown" ) ) {
        tds[i].style.display = "none";
    }
}

function hasClass(element, cls) {
    return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}

var-tds=document.getElementsByTagName（“td”）；
对于（变量i=0，大小=tds.length；i-1；
}

---

函数

您不能显示子项和隐藏父项。。这是不可能的

---

相反，隐藏所有不想显示的td

如果隐藏表格，表格中的所有内容都将被隐藏

您想隐藏所有的

并且只显示每个类

tr{
  display:none;
}
tr.showInit{
  display:table-row;
}

---

可以通过JavaScript实现吗？因为我使用了

display:block

而不是

display:table row

而损失了半个小时。在大洋的另一边，你有一个感恩的开发人员（：标题说show hide a tr，但你明确要求显示一个td。。。