小编Pau*_*aul的帖子

Jquery显示/隐藏表行

我希望能够使用jquery显示/隐藏表中的行.理想情况下,我希望在表格上方有按钮来对表格进行排序.

即[显示ID为黑色的行] [显示ID为白色的行] [显示所有行]

我已经搜遍了所有但无法找到解决方案.任何人都知道如何用jquery做到这一点,并使其跨浏览器兼容?

谢谢(代码如下)

<table class="someclass" border="0" cellpadding="0" cellspacing="0" summary="bla bla bla">
<caption>bla bla bla</caption>
<thead>
  <tr id="black">
    <th>Header Text</th>
    <th>Header Text</th>
    <th>Header Text</th>
    <th>Header Text</th>
    <th>Header Text</th>
    <th>Header Text</th>
  </tr>
</thead>
<tbody>
  <tr id="white">
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
</tr>
  <tr id="black">
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
    <td>Some Text</td>
</tr>
</tbody>
Run Code Online (Sandbox Code Playgroud)

jquery

22
推荐指数
1
解决办法
12万
查看次数

标签 统计

jquery ×1