Traversing a table with jquery

Question

I have some table rows:

<tr class='top'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='total'><td></td><td></td></tr>
<tr class='top'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='total'><td></td><td></td></tr>
...
...
...
<tr class='top'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='data'><td></td><td></td></tr>
<tr class='total'><td></td><td></td></tr>

I have selected a row of class data. Now I would like to find the row of class top that is in the same section and above my selected row.

Is there a jquery command that will do that for me?

Thanks!

Answer 1

You can use a mix of prevAll() and first() like

var $tr == //tr with class data
var $trop = $tr.prevAll('.top').first();