自動目錄
在CSS中常有需要選取一欄，過去的作法就是此欄給他一個class，再指定此class即可：
[過去的作法]
表格
| class="col2" | ||
| class="col2" | ||
| class="col2" | ||
| class="col2" |
CSS
JQUERY
這樣的作法缺點就是每個格子都得指定class。但對於舊的瀏覽器這是唯一解。
[使用 :nth-child]
使用CSS可以快速的選取該欄。
CSS
JQUERY
$('table tr td:nth-child(3)').css("background-color", "yellow");
數字3是從右算到左的第3欄，包含隱藏的欄。
表格
[使用 colgroup/ col標籤]
HTML4 後出現了<colgroup>和<col>的標籤，但是到了 HTML5只剩下span屬性[2]，所以…
好處是一次可指定多欄。
先替表格分群，例如1欄一組，2,3欄另一組。
<table>
<colgroup>
<col class="grp1">
<col span="2" class="grp2">
</colgroup>
<thead></thead>
<tbody>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
...
</tbody>
</table>
再指定CSS即可
CSS
表格
備註
1. <colgroup>的標籤只要放在<table>中即可，並沒有一定要放在最上面。
2. <col>不一定要和全部欄位一致，例如你只要設定第3欄，但是表格有10欄，你的col只要有設置到第3個即可。
參考資料
[1] https://stackoverflow.com/questions/8375625/how-to-select-a-table-column-with-jquery
[2] https://www.w3schools.com/tags/tag_colgroup.asp
[3] https://www.w3schools.com/html/html_tables.asp
你可能感興趣的文章
產生模糊的文字 有時我們需要產生模糊的文字，類似毛玻璃看到的效果。
網頁的標頭(head)搜尋引擎和FB最佳化 網頁的標頭(head)搜尋引擎和facebook最佳化
[CSS] 將多張圖片合併，製作css spirte 網站中有很多的小圖，如果能把他們合併後再用CSS取用，就能大幅的提升網路效能。
讓radio box 或checkbox 好按 在行動裝置下，radio box及checkbox變得很難按得到
[CSS] 多個 class 的表示法和寫法 網頁設計中常會用到CSS，他的一般格式是這樣的：
[HTLM5] 表單color、email、url、search、tel輸入類型 介紹HTML5好用的輸入類型：color、email、url，以及兩個形同雞肋的類型search、tel..
[HTLM5] 表單時間日期date/time輸入類型 介紹HTML5和時間有關的輸入類型date/datetime/datetime-local/month/time/week
[HTLM5] 表單number和range輸入類型 介紹HTML5和數字有關的輸入類型number/range 等類型
[HTML] 讓表格整欄上色的方法 過去我們要讓表格整欄上色，都得用很不方便的方法：該儲存格設定一個類別，指定他的樣式，現在有更好的方法
[CSS] 背景 background css 中最常用的特性(property)之一就是 background ，這個有什麼好難的？事實上 backgroun
我有話要說
訪客留言
[無留言]隨機好文
[MAC] 截取螢幕畫面的方法 截取螢幕畫面的方法，在MAC中叫作螢幕快照，英文是screenshot
[Windows7] 移除IE10及移除IE11 Windows7 不得已的情況要移除IE11或IE10怎麼做？
NETCRAFT發現你的網站及作業系統 NETCRAFT可以發現你的網站及作業系統
[NetBeans] 使用git複製別人的專案 NetBeans使用git複製別人的專案及版本控制
[AS3] 變數型態 基本類型宣告 as3 有下列幾種基本類型：string, int, number, object, boolean, n
