qSort plugin - Demo

Here is a list of "div" to be sorted. We will sort these div based on their attribute "value".

Alpha Sort Alpha Reverse Numeric Numeric Reverse Sort by id Sort by username Username case-insensitive Sort by username descending

Alpha sort will treat the numbers as string, which results in 1, 11, 6, 7 in ascending order, while numeric sort will sort treating numbers as numbers.

Here is an example for sorting the options in the drop down.

Plain sorting - $(".sortDiv").qsort(); If no attributes are specified, defaults to "value" attribute.
Plain sorting on attribute "id" - $(".sortDiv").qsort({attr: "id"});
Plain sorting on attribute "username" - $(".sortDiv").qsort({attr: "username"});
Plain sorting on attribute "username" - $(".sortDiv").qsort({attr: "username", ignoreCase: true});
Plain sorting on attribute "username" descending - $(".sortDiv").qsort({attr: "username", order: "desc"});
Plain numeric sorting - $(".sortDiv").qsort({digits: true});
Plain sorting with descending - $(".sortDiv").qsort({order: "desc"});
Plain numeric sorting with descending - $(".sortDiv").qsort({digits: true, order: "desc"});