更改TABLE一整欄值or樣式
最近在設計WEB畫面的時候,有一個需求是需要調整每個欄位寬度(width)。
通常比較原始做法是在動態產生TD的時候,針對每個TD去做設定。
但學了JQuery後,想說這應該有比較容易寫的方式,於是上網找了一下(迷之音,就只會上Google找嗎!!)。
下面就來分享一下簡單實做過程。
原始表格如下:
我們在Head區塊加入如下程式碼:
<script type="text/javascript"> $(function() { $("table td:nth-child(3n+1)").text("TEST"); }); </script>
結果如下:
輕輕鬆鬆一行搞定!!當然如果是想修改欄位二的資訊,只要把3n+1改成3n+2即可^___^。