php - jQuery如何在点击tr时获取表格的类

Question

点击tr时如何获取表的类？ 这是我的代码

<table class='table1' border='1'>
<tr class='graph1'>
    <td>Test1</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
<tr class='graph2'>
    <td>Test2</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
<tr class='graph3'>
    <td>Test3</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
</table>

<table class='table2' border='1'>
<tr class='graph1-1'>
    <td>Test1</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
<tr class='graph2-1'>
    <td>Test2</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
<tr class='graph3-1'>
    <td>Test3</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>
</table>

当我点击

时

<tr class='graph2'>
    <td>Test2</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>

它应该显示'table1' 或者如果我点击

<tr class='graph3-1'>
   <td>Test3</td>
    <td><a class='viewHistory'>View History<a></td>
</tr>

它应该显示:'table2'

不要以为这是动态的，它不仅会点击 graph2 或 graph3-1。

我该如何使用 jquery 来做到这一点？ 任何帮助将不胜感激和奖励!谢谢!

Answer 1

我会使用closest()来查找table父级。另请参阅http://api.jquery.com/closest/

$('.viewHistory').click(function() {
  var classname = $(this). closest('table').attr('class');
  alert(classname);
}