我希望能够使用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 ×1