jquery - jQueryで列の位置を取得する

Question

例：

<table>
  <tr>
     <th>Bacon</th>
     <th>Tuna</th>
     <th>Padas</th>
     <th>Another</th>
     <th>Name</th>
    </tr>
 </table>

ページの読み込み後に列の位置を取得するにはどうすればよいですか

$(document).ready(function() { 
   bla..bla
});

出力は次のようbacon = 0, tuna = 1 padas = 2になります...

Answer 1

使用できますmap：

var mapping = {};

$('table th').map(function(elem, index) {
    mapping[$(elem).text().toLowerCase()] = index;
});

これは、そのデータで何をしようとしているかに完全に依存しますが。

Answer 2

$(function() {
    var columns = new Array();
    $('table tr th').each(function(idx) {
        columns[idx] = $(this).text().toLowerCase();
    });

    // do what you need to do with your columns array here.  eg:
    for(var i = 0;i < columns.length;i++)
     document.write(columns[i] + ',');

});

例: http://jsfiddle.net/3Nzhu/1/

注: テーブルに ID を指定し、上記のセレクターを '#mytableid tr th' に変更する必要があります。

Answer 3

$(document).ready(function(){
    $counter = -1;
    $("table th").each(function(){
       document.write($(this).text() + " = " + ++$counter);
    });
});

楽しい ：）