コンテンツでDIVをソートする

Question

DIVの内容を日付とタイトルでソートするには、次のコードを使用しています。

これはうまくいきますが、日付に関しては、私はそれを最新のものと並べ替えることを望みます。

function sortUsingNestedText(parent, childSelector, keySelector) { 
var items = parent.children(childSelector).sort(function(a, b) { 
    var vA = jQuery(keySelector, a).text(); 
    var vB = jQuery(keySelector, b).text(); 
    return (vA < vB) ? -1 : (vA > vB) ? 1 : 0; 
}); 
parent.append(items); 
} 

/* setup sort attributes */ 
jQuery('#sDate').data("sortKey", "span.date"); 
jQuery('#sStyle').data("sortKey", "span.title"); 


/* sort on button click */ 
jQuery("button.btnSort").click(function() { 
sortUsingNestedText(jQuery('.sort-div'), "div", 
jQuery(this).data("sortKey")); 
}); 

どのように私は（#sPrice）のみ日付の順序を変更することができ

Answer 1

ソートコールバックの条件でのセレクタのパーサを追加します。

function sortUsingNestedText(parent, childSelector, keySelector) { 
    var items = parent.children(childSelector).sort(function(a, b) { 

    var vA = jQuery(keySelector, a).text(); 
    var vB = jQuery(keySelector, b).text(); 

    // date sorting 
    if(keySelector.indexOf('.date') >-1){ 
     return new Date(vB) - new Date(vA); 
    }else{ 
     return (vA < vB) ? -1 : (vA > vB) ? 1 : 0; 
    } 
    }); 
    parent.append(items); 
}