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中使用,并且允许你简单地在包装在jQuery对象中的元素上调用index()来获取索引,就像这样

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

所以对你的功能

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