jquery在HTML表中选择​​标记的第一个父标记

Question

我在我的应用程序中使用Jquery V1.11.1。我有一个HTML表看起来像这样：

<table id="permissions"> 
    <tr> 
     <td></td> 
     <th>Administrators</th> 
     <th>Moderators</th> 
    </tr> 
    <tr> 
     <th class="aco">controllers/users/display</th> 
     <td class="permission">Allowed</td> 
     <td class="permission">Denied</td> 
    </tr> 
</table> 

当你点击“允许”或“拒绝”我想选择个标签含有ACO。

我认为这样做，但它does not。 $(this).parent('th').text();

在这种情况下使用Jquery选择TH标签的最佳方式是什么？

Answer 1

使用

$(this).closest('tr').find('th.aco').text(); 

DEMO

或

$(this).siblings('th.aco').text(); 

DEMO

Answer 2

使用.siblings() jQuery中

$(this).siblings('th.aco').text(); 

Answer 3

$('.permission').on('click', function(){ 
    $(this).siblings('.aco').text(); 
}) 

，或者一个以上的兄弟姐妹拥有该类.aco

$('.permission').on('click', function(){ 
    $(this).siblings('th.aco').text(); 
}) 

将选择th平行于点击td并显示它的文本。您可以在选定的th上执行不同的功能，而不是.text()。