JQuery/Javascript - 如何通过标题文本查找表头的索引

Question

通过它的显示文本找到列索引的好方法是什么？

例如

<table>
   <tr>
     <td>ID</td>
     <td>Name</td>
     <td>Age</td>
   </tr>
   <tr>
      ...
   </tr>
</table>

我想有类似的东西

var nameIndex = getColIndex('Name'); // nameIndex = 1

有快速/好的方法吗？(不一定是jQuery,但会很好)

Answer 1

在Chromium 17/Ubuntu 11.04中,以下两者似乎都有效:

$('tr td').filter(
    function(){
        return $(this).text() == 'Name';
    }).index();

JS小提琴演示.

要么:

$('td:contains("Name")').index();

JS小提琴演示.

编辑回应OP的问题,在下面的评论中:

但是如何将它限制在第一行？

要将其限制在第一行,只需使用:first选择器:

$('tr:first td')

赠送:

$('tr:first td').filter(
    function(){
        return $(this).text() == 'Name';
    }).index();

JS小提琴演示.

参考文献:

• :contains().
• filter().
• :first.