jQuery addClass example

Change class name on click in jQuery

by SHELDON PASCIAK

HTML

<div id="here">
SORT EXAMPLE<br /><br />
name ASC id DESC<br /><br />
</div>

JavaScript

var arr = [
    { id:75, name:"cat" },
    { id:11, name:"cat" },
    { id:36, name:"dog" },    
    { id:10, name:"cat" },
    { id:21, name:"cat" },
    { id:62, name:"dog" },
    { id:34, name:"ape" }
],

// generic comparison function
cmp = function(x, y){
    return x > y ? 1 : x < y ? -1 : 0; 
};
arr.sort(function(a, b){
    return cmp( 
        [cmp(a.name, b.name), cmp(a.id, b.id)]);
});
//sort name ascending then id descending
arr.sort(function(a, b){
    //note the minus before -cmp, for descending order
    return cmp( 
        [cmp(a.name, b.name), -cmp(a.id, b.id)], 
        [cmp(b.name, a.name), -cmp(b.id, a.id)]
    );
});




console.log(JSON.stringify(arr));

for (var i=0;i<arr.length;i++){
$('#here').append(JSON.stringify(arr[i]));
$('#here').append("<br />");
}