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
            
で列を取得した。

            セルが結合してるときはこれやと無理やけど

            とりあえず今回は結合セルなかったからこれで。次それやろう…
            
これを利用して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");
});
});
});

            
サンプル
            

              
            
            

              
何か役に立つことがあったらシェアしてみてください
              

                 
                  
                  
                
              
            
            

              
Related Entries
              

                

                  角丸幅可変ボタンでクロスフェードをする
                
                

                  知っておくべきjQueryオブジェクトの扱い
                
                

                  今までに公開したjQueryプラグイン
                
                

                  今さら聞けないjQuery実行パターンまとめ
                
                

                  コンテンツにheight属性のない画像が含まれていると正しい高さが取れない