javascript - 如何获取表中td对应th的Id

Question

我有一个场景

<table>
    <thead>
        <tr>
            <th id ="myid1">header1</th>
            <th id ="myid2">headre "2</th>
            <th id ="myid3">header3</th>
        </tr>
    </thead>
        <tr>
            <td>v1</td>
            <td>v2</td>
            <td>v3</td>
        </tr>
        <tr>
            <td>v10</td>
            <td>v11</td>
            <td>v12</td>        
        </tr>
        <tr>
            <td>v20</td>
            <td>v21</td>
            <td>v22</td>                    
        </tr>
        <tr>
            <td>v30</td>
            <td>v31</td>
            <td>v32</td>                    
        </tr>
</table>

可以有几千行。

我需要获取那个 perticulat td 所属的 td 的 id。

例如。如果我点击第三行的第三个 td .. 我应该得到相应的 th 的 id，这里是 myid3(这里是硬编码的，但它将根据服务器端的值设置)

$('tbody td').live('click', function() {
    var idOfTh = ??
});           

Answer 1

$(function(){
    $('td').click(function() {
        alert($('table th').eq($(this).index()).attr('id'));
    });
});

工作 JSfiddle:http://jsfiddle.net/6etRb/

如果表格行是动态添加的，你只需要使用实时委托(delegate)，在这种情况下你应该使用 .on() ，正如其他人所描述的那样。