Индекс элемента jQuery

Question

У меня есть таблица, полная табличных данных. Мне нужно найти индекс столбца (ячейки) в таблице.

Например:

<table>
<tr>
<td>Column1</td>
<td>Column2</td>
<td>Column3</td>
</tr>
<tr>
<td>foo</td>
<td>bar</td>
<td>foobar</td>
</tr>
</table>

function TestIndexOf(someTD)
{
$(someTD) // what's my column index?  
}

Answer 1

$('td').prevAll().length даст вам индекс ячейки на основе 0

В качестве альтернативы можно использовать index() (можно передать элемент DOM или объект jQuery. Если объект jQuery, используется только первый объект в упакованном наборе)

var cell = $('td'); // select on cell
cell.parent().index(cell);

Если я правильно помню, index() будет проще использовать в jQuery 1.4 и позволит вам просто вызвать index () для элемента, обернутого в объект jQuery, чтобы получить индекс, например

$('td').index() // NOTE: This will not work in versions of jQuery less than 1.4

Так что для вашей функции

function TestIndexOf(someTD) {
    return $(someTD).prevAll().length; 
}