div中的jQuery排序-复杂

Question

我有一个名为#usersInRoom的div，它是内部div的占位符。

目前，我在div中有2行/2条目。

但我的问题是我怎么才能。jQuery是否更新条目以按"exp“排序？

现在，它首先显示“燕姿”与"6“exp。和赤裸的Kald Mig Jesper，有14个实验。最后的。

如何对其进行排序，使其首先输出具有最高exp的条目？

<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">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">14</span> exp.</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Answer 1

OR

例如

https://datatables.net/release-datatables/examples/basic_init/zero_config.html

Answer 2

您可以使用jquery通过以下方式对当前代码执行此操作:首先，向体验范围添加一个类。

<span id="exp-2" class="exp">6</span>

然后是jquery：

arr=$("#usersInRoom").find(".exp");

现在选择父div：

$(arr[i]).parents(".entry_in_room")

排序可以通过访问元素的文本来完成。

$(arr[i]).text()

但在理想情况下，为什么需要这样的嵌套？数据可以很容易地在Table元素中处理。不需要单独的表。如果你使用一个单独的表，有很多jquery插件可以用来实现这个目的。