jQuery是一款優秀的JavaScript庫,可以方便的操作HTML文檔,包括隱藏表格td標簽,下面介紹一下jquery+表格隱藏td。
// HTML: <table id="myTable"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table> // jQuery: $(document).ready(function(){ $("table#myTable td:nth-child(2)").hide(); }); // 結果: // <table id="myTable"> // <tr> // <td>1</td> // <td style="display:none">2</td> // <td>3</td> // </tr> // <tr> // <td>4</td> // <td style="display:none">5</td> // <td>6</td> // </tr> // </table>
以上代碼實現了隱藏表格中第二列的td標簽,使用了jquery的選擇器nth-child(2)選中第二個td標簽,然后使用hide()方法隱藏該標簽。