jquery 根据其 css("color") 对 dom 元素进行排序答案

【问题标题】：jquery sorting dom elements based on its css("color")jquery 根据其 css("color") 对 dom 元素进行排序
【发布时间】：2009-09-29 20:27:47
【问题描述】：

您可以在下一页看到的是随机排列的用户名列表。我想使用 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”的元素。

欢迎任何想法或建议！

【问题讨论】：

看起来有点由内而外。我会让用户按类型分为不同的类（管理员、版主等），然后按类排序。（类似的问题）。然后应用正确的 CSS 以获得正确的颜色。
嗯好主意！我会试试这个！

标签： jquery css sorting colors

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：