jquery - 如何使用 jQuery 隐藏和显示表中的行？

Question

我有一个表，其中我的行有类:

<table id="abc">
<tr class="level-0">
<tr class="level-1">
<tr class="level-2">
</table> 

我需要创建两个按钮。

• [隐藏级别 1 和 2] - 单击时隐藏或显示所有级别 2 级行。
• [隐藏级别 2] - 单击时隐藏或显示级别 1 和级别 2 行。

有人能告诉我如何用 jQuery 实现这个吗？

Answer 1

使用click事件处理程序和toggle函数(用于描述检查jquery API):

$('#button1').click(function() {
    // all trs with level-1 class inside abc table
    $('#abc tr.level-1').toggle();
});

$('#button1and2').click(function() {
    // all trs with level-1 or level-2 class inside abc table
    $('#abc tr.level-1, #abc tr.level-2').toggle();
});

http://jsfiddle.net/73JAV/