jQuery Forum

Hi,

First some sample clode:

1. <div id="main">
2.     <h3>Heading 1</h3>
   
3.     <div class="detail">
   
4.         <table>
   
5.             <tr class="dethead" id="item1"></tr>
   
6.         </table>
   
7.         <table>
   
8.             <tr class="dethead" id="item2"></tr>
   
9.         </table>
   
10.         <table>
    
11.             <tr class="dethead" id="item3"></tr>
    
12.         </table>
    
13.     </div>
    
14.     <h3>Heading 2</h3>
    
15.     <div class="detail">
    
16.         <table>
    
17.             <tr class="dethead" id="item4"></tr>
    
18.         </table>
    
19.         <table>
    
20.             <tr class="dethead" id="item5"></tr>
    
21.         </table>
    
22.         <table>
    
23.             <tr class="dethead" id="item6"></tr>
    
24.         </table>
    
25.     </div>
    
26. </div>

I have a jQuery click event handler on the dethead tr's which is fine.
But what I want to find in this click event handler is the previous <h3> to the clicked <tr>

So if I click on item1, item2 or item3 I want to find the <h3>Heading 1</h3>
I click on item4, item5 or item6 I want to find the <h3>Heading 2</h3>

NOTE: Not all the <h3> will have the same classes, if any class at all.

Been trying various things from Tree Traversal but have not found the right combination.

Cheers,
Mike