更改TABLE一整欄值or樣式

更改TABLE一整欄值or樣式

最近在設計WEB畫面的時候,有一個需求是需要調整每個欄位寬度(width)。

通常比較原始做法是在動態產生TD的時候,針對每個TD去做設定。

但學了JQuery後,想說這應該有比較容易寫的方式,於是上網找了一下(迷之音,就只會上Google找嗎!!)。

下面就來分享一下簡單實做過程。

原始表格如下:

jqueryTip1

我們在Head區塊加入如下程式碼:

<script type="text/javascript">
    $(function() {
        $("table td:nth-child(3n+1)").text("TEST"); 
    });
</script>

結果如下:

jqueryTip2

輕輕鬆鬆一行搞定!!當然如果是想修改欄位二的資訊,只要把3n+1改成3n+2即可^___^。