Javascript 过滤：如何在单击时隐藏/显示（切换）某些表行？

假设这个表（实际上它可以有更多的列和行）：

类型
颜色
车轮
汽车
红色
4.
摩托车
绿色
2.
自行车
蓝色
2.
汽车
蓝色
4.
自行车
绿色
2.
摩托车
红色
2.

现在我的目标是能够单击表格数据（单元格），例如“Car”，然后只显示这两辆车。再次单击“Car”将再次显示孔表。或者单击“红色”，然后只显示红色车辆（红色汽车和红色摩托车）。如何使用jQuery实现这一点？

这里有一个非常简单的测试，可以帮助您开始

    $(function () {
        $("#vehicles tr td").click(function () {
            var desc = $(this).html();
            $("#vehicles tr").css("background-color", "white");
            $("#vehicles").find(":contains(" + desc + ")").closest("tr").css("background-color", "red");
        });
    });

这将为每个TD元素分配一个单击事件，将其值存储在某处，然后检查表中是否存在该值，突出显示匹配的元素。让它转一转，我想它会让你朝着正确的方向前进。

$（函数（）{
$（“td”）。在（“单击”，函数（）{
变量类型=$（this.text（）；
$（'td:first child'）.parent（'tr:not（：contains（'+type+'）））.toggle（）；
});
});

类型
颜色
车轮
汽车
红色
4.
摩托车
绿色
2.
自行车
蓝色
2.
汽车
蓝色
4.
自行车
绿色
2.
摩托车
红色
2.
这可以通过jQuery实现。请进一步解释。您要单击的位置以及想要获得的内容。您的Jquery在哪里，您到目前为止已经尝试过了？@ControlAltDel:这不是问题。问题中对行为的解释很差，没有尝试过任何东西。我们不是来为您编写代码的
    $(function () {
        $("#vehicles tr td").click(function () {
            var desc = $(this).html();
            $("#vehicles tr").css("background-color", "white");
            $("#vehicles").find(":contains(" + desc + ")").closest("tr").css("background-color", "red");
        });
    });