Javascript div中的jQuery排序-复杂

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

目前我在div中有2行/2个条目

但我的问题是，我怎样才能通过。jQuery是否更新条目以按“exp”排序

现在，它显示了“斯蒂芬妮”与“6”经验第一和裸卡尔米格杰斯珀与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>

斯蒂芬妮·佩德森
6经验。
裸卡尔米格杰斯珀
14经验。

如果您显示的是数据库中的值，您可以使用sql ORDER按后端查询中的“exp”ASC或DESC进行排序，以填充REULT。然后您可以首先获得排序结果。

或

如果要在客户端对其进行排序，请尝试使用jueery数据表。 例如

---

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

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

现在选择父div：

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

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

$(arr[i]).text()

---

但理想情况下，为什么需要这样的嵌套？数据可以在表元素中轻松处理。不需要单独的桌子。如果您使用一个表，那么有许多jquery插件可供使用。

是的，但我不是。否则我会告诉你的。我会这样做，因为这是我唯一能做到的。我已经这样做了，但是如何“更改”占位符中的div？var arr=$（“#usersInRoom”）.find（“.exp”）；$。每个（arr，函数（e）{var eq=arr[e]；number.push（eq）；}）；获取并存储mydivs[i]=$（eq）.parents（“.entry\u in_room”）后，对该数组进行排序并将其附加到#usersInRoom。基本上，在对数字进行排序时，还要对mydiv进行排序，然后追加。另外，您使用的是number.push（eq），可能您需要的是number.push（$（eq））.text（）-以获取值而不是元素

$(arr[i]).text()