如何从单击的TD元素的TR中获取ID的值

Question

我有一个动态创建的表，如下所示：

<div id="gameListDiv">
<table id="gameListTable">
    <tr id="1">
        <td>A</td>
        <td>B</td>
        <td class="tpButton">C</td>
    </tr>
    <tr id="2">
        <td>D</td>
        <td>E</td>
        <td class="tpButton">F</td>
    </tr>
</table>
</div>

我有一个听众：

$('#gameListDiv').on('click','.tpButton', function(toggleThisTP) {
    // If user clicks C, return the row ID of '1'
    // if user clicks F, return the row ID Of '2'
});

就像上面的代码注释一样，当用户单击表的第三列中的单元格时，如何获取特定行的ID标记的值？

Answer 1

这应该工作：

 $('#gameListDiv').on('click','.tpButton', function() { var id = jQuery(this).closest('tr').attr('id'); alert(id); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="gameListDiv"> <table id="gameListTable"> <tr id="1"> <td>A</td> <td>B</td> <td class="tpButton">C</td> </tr> <tr id="2"> <td>D</td> <td>E</td> <td class="tpButton">F</td> </tr> </table> </div> 

链接到最近的（）文档

Answer 2

使用jQuery 最近的（）和attr（）

$('#gameListDiv').on('click','.tpButton', function(toggleThisTP) {
    var row = $(this).closest('tr');
    var id = row.attr('id');
});

Answer 3

使用类别

<div id="gameListDiv">
<table id="gameListTable">
    <tr class="gamelist" id="1">
        <td>A</td>
        <td>B</td>
        <td class="tpButton">C</td>
    </tr>
    <tr class="gamelist" id="2">
        <td>D</td>
        <td>E</td>
        <td class="tpButton">F</td>
    </tr>
</table>
</div>

jQuery的

$(".gamelist").click(function(){
   var id = $(this).attr('id'); 
   alert(id);
});