Remove class from all tr but the last selected one

Remove class from all tr but the last selected one

Hi all,

I have a page with a lot of tables, and each table has selectable rows.
When a table row is selected, the "highlight" style is applied to it. I need to "unselect" (i.e. remove the "highlight" style class) from each row but the last selected one.

Here is a code example:

  1. <table>
  2.       <thead></thead>
  3.       <tbody>
  4.             <tr class="content highlight">
  5.             <tr class="content">
  6.       <tbody>
  7. <table>

  9. <table>
  10.       <thead></thead>
  11.       <tbody>
  12.             <tr class="content highlight">
  13.             <tr class="content">
  14.       <tbody>
  15. <table>
How can I accomplish this?
Thanks in advance :)