Question

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

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

但我的问题是，我怎么能通过。 jQuery更新条目以“exp”排序？

现在它以“6”exp显示“Stefanie”。而Bare Kald Mig Jesper有14个exp。最后。

我如何对其进行排序，因此它首先输出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

如果要显示数据库中的值，可以在后端查询中使用sql ORDER BY'exp'ASC或DESC进行排序以填充结果。然后您可以首先获得排序结果。
<登记/> OR

如果要在客户端对其进行排序，请尝试使用jueery数据表。例如
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插件。

jQuery在div中排序 - 复杂

2 个答案: