過濾表格

我正在創建一個帶有表格的原型網站。我只想知道如何過濾表格內容？例子我有兩個按鈕，分別是'作家'和'插圖畫家'，當我點擊作家按鈕時，我只想讓桌子只顯示作家。過濾表格

是否可以使用表格行進行過濾 id class？

像：

<table>  
    <tr class="writer"> 
    <td>John Doe </td> 
    <td>Jan 01, 1980</td> 
    <td>[email protected]</td> 
    </tr> 
    <tr clas="illustrator"> 
    <td>Jane Doe </td> 
    <td>Sept 01, 1980</td> 
    <td>[email protected]</td> 
    </tr> 
    <tr class="illustrator"> 
    <td>Mel Smith </td> 
    <td>Aug 01, 1980</td> 
    <td>[email protected]</td> 
    </tr> 
    <tr class="writer"> 
    <td>Harry Smith </td> 
    <td>Dec 01, 1980</td> 
    <td>[email protected]</td> 
    </tr> 
</table>

還是有什麼簡單的方法來做到這一點？

來源

2014-03-31 user3079066

ID必須是唯一的。 – undefined

請參閱http://jsfiddle.net/arunpjohny/SFBr3/1/ –

謝謝！ @ArunPJohny :) – user3079066

你尋找類似

jQuery(function() { 
    $('#illustrator').click(function() { 
     $('table tr.writer').hide(); 
     $('table tr.illustrator').show(); 
    }) 
    $('#writer').click(function() { 
     $('table tr.writer').show(); 
     $('table tr.illustrator').hide(); 
    }) 
})

演示：Fiddle

來源

2014-03-31 04:14:31

回答

相關問題