Question

我有一个包含4列的表格。第4列是按钮（下面的代码中未显示）。当我单击连续按钮时，我想获得行元素。

我使用最近的选择器完成了它。有没有办法找到表格行元素“不使用最接近的”。这是出于某种原因的要求。

请假设每行末尾有一个按钮

<table id="food">
    <thead>
        <tr>
            <th>Number</th>
            <th>Name</th>
            <th>Type</th>                         
        </tr>                           
    </thead>    
    <tbody> 
        <tr class='details'>
            <td>1</td>
            <td>Apple</td>
            <td>Fruit</td>
        </tr>
        <tr class='details'>
            <td>2</td>
            <td>Mango</td>
            <td>Fruit</td>
        </tr>
        <tr class='details'>
            <td>3</td>
            <td>Grape</td>
            <td>Fruit</td>
        </tr>
    </tbody>
</table>

这是现有的代码，我需要替换最近的代码。如果我可以使用$(this).somethin('.details');

这样的类名，那将会很棒

 $('#button1').click(function(){
    var row = $(this).closest('tr');    
    //Do some stuff
})

由于

Answer 1

使用parents()并传递类似

的类选择器

$('#button1').click(function(){
    var row = $(this).parents('.details');    
    //Do some stuff
})

注意，在这种情况下你也可以使用最接近的并传递类选择器

var row = $(this).closest('.details');

获取行元素而不使用“最近”选择器 - jquery javascript

1 个答案: