Question

How can I get the class of the table when clicking the tr?
This is my code

<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>

When I click on

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

It should display 'table1'
or if I click on

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

It should display: 'table2'

Take not that this is dynamic, its not only graph2 or graph3-1 will be clicked.

how would I do that using jquery?
Any help would be greatly appreciated and rewarded! Thanks!

Answer 1

I would use closest() to find the table parent. See also http://api.jquery.com/closest/

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