javascript - js または jquery を使用したテーブル行のフィルタリング

Question

js や jquery とはあまり関係がありませんが、いくつかのエントリを含むテーブルがあります。このテーブルを左側のリストでフィルタリングしたいと思います。

例を書きました。http://jsfiddle.net/B2Muh/2/

<ul class="filter">
    <li class="filter-header"> Filter argument 1: </li>
    <li><a href="#"> Yahoo </a></li>
    <li><a href="#"> Google </a></li>
    <li class="filter-header"> Filter argument 2: </li>
    <li><a href="#"> GPH_est </a></li>
    <li><a href="#"> Q_est </a></li>
</ul>

<div class="tableResult">
    <table class="table">
        <tr>
            <td>Yahoo</td>
            <td>GPH_est</td>
        </tr>
        <tr>
            <td>Google</td>
            <td>Q_est</td>
        </tr>
    </table>
</div>

例は非常に簡単です。したがって、私が望むのは、任意のフィルター引数 1 をクリックしてこれをアクティブに設定すると、最初の引数を持つすべてのエントリがテーブルに表示され、任意のフィルター引数 2 をクリックすると、テーブルには最初の引数を持つエントリのみが表示されることです。そして第二引数。

私はpythonとdjangoを使用しています。

私にはわからないので、誰かが私を助けてくれることを願っています:)

編集：マークアップを追加しました