JQuery ordina DIV per contenuto: javascript, jquery, ordinamento

Sto usando il seguente codice per ordinare i contenuti DIV per data e titolo.

Funziona bene, ma per data voglio ordinarlo per primo per primo - al momento mette l'ultimo per ultimo.

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"));
});

Come posso modificare l'ordine solo per la data (#sPrice)

risposte:

Aggiungere un parser sul selettore in un condizionale nel callback di ordinamento.

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);
}