相关疑难解决方法(0)

我有一张桌子

<table id="mytable">
    <tr style="display: none;"><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr style="display: none;"><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td></tr>
 </table>

我正在尝试将表条带设置为使用nth-child选择器,但似乎无法破解它.

 table #mytable tr[@display=block]:nth-child(odd) { 
      background-color:  #000;  
 }
 table #mytable tr[@display=block]:nth-child(odd) { 
      background-color:  #FFF;
 }

我很确定我很接近......似乎无法破解它.

有谁传递线索？

第2行和第3行之间是隐藏的<div>.我不希望从odd/even css规则中取出那个.什么是使这个工作的最佳方法？http://jsfiddle.net/k0wzoweh/

<style>
.box:not(.hidden):nth-child(even) {background: green}
.box:not(.hidden):nth-child(odd) {background: orange}
.hidden {display:none;}
</style>
<div class="wrap">
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box hidden">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
    <div class="box">xx</div>
</div>

注意:可以有多个hidden元素.

我有一张斑马条纹的桌子:

tr:nth-child(even)
{
    background-color: red;
}
tr:nth-child(odd)
{
    background-color: blue;
}

我想显示/隐藏它的行,保持表条纹(从更改的行重新着色到最后一行).我看到有两种方法可以做到这一点:

1. 创建一个不可见的表,并<TR>使用jQuery 移动after()/从中移动它.我已经测试了分离并且它的工作原理(表在分离时重新着色),但是插入分离的(无处)行不会,所以将行移动到另一个表应该有帮助,我想.
2. 在我们切换之后调用jQuery toggle()以及创建/删除不可见<TR>.

哪一个更好？也许,还有更好的方法吗？

问候,