JSFiddle - React, Tailwind, and code Playground

HTML

<div id="usersInRoom">
    <div class="entry in_room" id="userInRoom-2" style="background-color: rgb(255, 255, 255);">
        <table style="width:100%">
            <tbody>
                <tr>
                    <td style="width:32px">
                        <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/c33.33.414.414/s200x200/996882_221295918024677_1913237122_n.jpg" style="height:32px;width:32px">
                    </td>
                    <td style="vertical-align:middle"><strong>Stefanie Pedersen</strong>

                    </td>
                    <td align="right" style="vertical-align:middle;color:#999"><span id="exp-2" class="exp">6</span> exp.</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="entry in_room" id="userInRoom-1" style="background-color: rgb(155, 229, 162);">
        <table style="width:100%">
            <tbody>
                <tr>
                    <td style="width:32px">
                        <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/c176.49.608.608/s200x200/429356_10151257167066983_1091687280_n.jpg" style="height:32px;width:32px">
                    </td>
                    <td style="vertical-align:middle"><strong>Bare Kald Mig Jesper</strong>

                    </td>
                    <td align="right" style="vertical-align:middle;color:#999"><span id="exp-1" class="exp">14</span> exp.</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

JavaScript

var numbers = [];
var mydivs = [];

var arr = $("#usersInRoom").find(".exp");
$.each(arr, function (key, el) {
    var curr = parseInt($(el).text());
    var top = parseInt($("#usersInRoom .exp").eq(0).text());
    if(curr > top) {
        $(el).closest(".entry").prependTo('#usersInRoom');
    }
});