jquery - 如何在使用 Jquery 单击 TR 时获取所有 TD 数据

Question

我有一个包含多行的表，我想在单击特定行后获取所有 TD 数据。

我的 table 是

<table>
 <tr class="person">
   <td class="id">1900</td>
   <td class="name">John</td>
   <td class="gender">Male</td>
 </tr>

 <tr class="person">
   <td class="id">2000</td>
   <td class="name">Pitt</td>
   <td class="gender">Female</td>
 </tr>
</table>

如何使用 Jquery 单击 Row 后获取 id、姓名、性别。

Ex: If i click on John Row i should get 1900, John, Male and same for Pitt also

谢谢

Answer 1

这是解决方案。您可以尝试find()方法而不是children()

$(function(){
    $('.person').click(function(){
        var id = $(this).children('.id').text();
        var name= $(this).children('.name').text();
        var gender = $(this).children('.gender').text();

        alert('Selected ID: ' + id + ', Name: ' + name + ', Gender: ' + gender);
    });

});