如何在点击带有Jquery的TR时获取所有TD数据

Question

我有一个包含多行的表,我希望在点击特定的ROW后得到所有的TD数据.

我的表是

<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,name,gender.

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);
    });

});