javascript - 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 Fiddle demo .

或者:

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

JS Fiddle demo .

---

编辑以回应 OP 的问题，在评论中，如下:

but how do I limit it to the first row?

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

$('tr:first td')

给予:

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

JS Fiddle demo .

引用资料:

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