Question

您可以在下一页上看到的是一些随机顺序的用户名列表。我想使用jquery按顺序对它们进行排序：

红蓝色绿色紫色黑

http://www.arvag.net/test/sorting/

这就是我到目前为止所做的：

<script type="text/javascript">
$(function() {
    var admin       = "rgb(255, 0, 0)";
    var moderator   = "rgb(00, 00, 255)";
    var text        = "rgb(00, 128, 00)";
    var vip         = "rgb(128, 00, 128)";

    var adminBuffer = [];
    var moderatorBuffer = [];
    var textBuffer = [];
    var vipBuffer = [];
    var html;

    $("div#active_users span.name").each(function(i) {
        color = $("a span",this).css("color");
        html = $(this).html();
        if(admin == color){
            adminBuffer[i] = "<span class='name'>" + html + "</span>";
        }
        //$(this).clone().append("&nbsp").appendTo('#rezultat');
    });
    jQuery.each(adminBuffer, function() {
        //alert(this);
        $(this).appendTo("#rezultat");
    });
});
</script>

我设法得到一个红色的匹配，但我只是没有将它附加到id为“rezultat”的另一个元素。

欢迎任何想法或消息！

Answer 1

我添加了类（管理员，主持人等）到我的元素，现在它很容易......;）所以感谢clintp的想法...... :)

Answer 2

TinySort是一个通过（子）内容或属性对子节点进行排序的插件。对于排序无序列表或表非常有用，但适用于任何类型的节点。

jquery基于其css（“颜色”）排序dom元素

2 个答案: