jquery根據css（「color」）對dom元素進行排序

你可以在下一頁看到的是一些隨機順序的用戶名列表。我想使用jQuery他們在這個順序進行排序：jquery根據css（「color」）對dom元素進行排序

紅色藍色綠色紫色黑

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」的元素。

任何想法或消化是值得歡迎的！

來源

2009-09-29 Gavrisimo

似乎有點內向外。我會讓用戶分類（管理員，主持人等），然後按類進行排序。（類似的問題）。然後應用正確的CSS來獲得正確的顏色。 – 2009-09-29 20:54:47

嗯好主意！我會試試這個！ – Gavrisimo 2009-09-29 21:20:58

嗯，我添加的類（管理員，版主等），以我的元素，現在它很容易...;）所以感謝clintp的想法... :)

來源

2009-09-29 23:07:48 Gavrisimo

TinySort是子節點進行排序插件（子）內容或屬性。對訂購無序列表或表格非常有用，但適用於任何類型的節點。

來源

2010-10-07 11:27:08

jquery根據css（「color」）對dom元素進行排序

回答

相關問題