How to change table row order one line up in an html dynamic table

I have a dynamic html table built via php and I would like to change the order of some rows if the rows have a specific class to show one line up. To be more specific the table contains the following rows. I want the blue row to show first. Can I do that using javascript?

sample data

I have tried several things using js but nothing worked.