JQuery複雜的類和ID排序

Question

不幸的是，我無法自己解決這個問題。我有一個列表與幾個總是有相同的ID和類的DIV。我根據「數據排序」屬性對列表進行排序，它的功能非常好。

目前，它看起來像這樣：

<div id="divList"> 

<div id="hsdf" data-sort="1"></div> 
<div class="hsdf" data-sort="1"></div> 

<div class="vasfd" data-sort="2"></div> 
<div id="vasfd" data-sort="2"></div> 

<div id="asdfas" data-sort="3"></div> 
<div class="asdfas" data-sort="3"></div> 

</div> 

我卻想在列表中排序第一的類，然後在ID來。喜歡這裏：

<div id="divList"> 

<div class="hsdf" data-sort="1"></div> 
<div id="hsdf" data-sort="1"></div> 

<div class="vasfd" data-sort="2"></div> 
<div id="vasfd" data-sort="2"></div> 

<div class="asdfas" data-sort="3"></div> 
<div id="asdfas" data-sort="3"></div> 

</div> 

「數據排序」屬性排序與jQuery的完成：

​​

你對我有什麼想法？

Answer 1

您可以在sort功能使用：

return jQuery(a).attr('data-sort') - jQuery(b).attr('data-sort') 
    || !!jQuery(a).attr("id") - !!jQuery(a).attr("class"); 

此檢查的id的存在，併爲class。如果類存在，||後表達式將evalutate到-1，如果ID存在，它將evalutate到1。這將是相關的，如果之前||表達評估爲0（當它們具有相同的data-sort值）。

Answer 2

像這樣的東西應該工作：

jQuery('#divList').find('div').sort(function (a, b) { 
    var diff = jQuery(a).attr('data-sort') - jQuery(b).attr('data-sort'); 
    if (diff == 0) { 
     if (jQuery(a).attr('class') && jQuery(a).attr('class') != '') { 
      diff = -1; 
     } else { 
      diff = 1; 
     } 
    } 
    return diff; 
}).appendTo('#divList');