tableの列を選択する

行はtrがあるけど列はない…
なんかcolとか、scopeとかあるからそれで出来ひんのやろうか…
いつものjQueryを使って列を取得してみた。

とりあえず

/* get Col */
function getCol(cell,table){
var td = [];
var index = $("td",$(cell).parent()).index(cell);
var tr = $("tr",table);
for(var i=0;i<tr.length;i++){
td.push($("td:nth-child("+(index+1)+")",tr[i]));
}
return td;
}

で列を取得した。
セルが結合してるときはこれやと無理やけど
とりあえず今回は結合セルなかったからこれで。次それやろう…

これを利用してmouseoverでセルが属する列全体にクラスを当てるようにするには

$("table td").each(function(){
var td = getCol(this,"table");
$(this).hover(function(){
$(td).each(function(){
$(this).addClass("hover");
});
},function(){
$(td).each(function(){
$(this).removeClass("hover");
});
});
});

サンプル