Tag: hide

隐藏/显示HTML表格中的列

我有一个有几列的HTML表，我需要实现一个使用jQuery的列select器。 当用户点击checkbox时，我想隐藏/显示表格中的相应列。 我想这样做，而不附加一个类到表中的每个td，有没有办法使用jQueryselect整个列？ 下面是一个HTML的例子。 <table> <thead> <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr> </thead> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr> </table> <form> <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br /> <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br /> <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br /> </form>