Получение позиции столбца в 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 и так далее ... TY

Answer 1

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

наслаждаться :)

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/

Примечание: вы должны дать вашей таблице идентификатор и изменить селектор выше «#mytableid тр е»

Answer 3

Вы можете использовать map:

var mapping = {}; 

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

Хотя это полностью зависит от того, что «пытаюсь сделать это с этими данными.