How may I sort a list alphabetically using jQuery?

by

Something like this:

var mylist = $('#myUL');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });

From this page: http://www.onemoretake.com/2009/02/25/sorting-elements-with-jquery/

Above code will sort your unordered list with id ‘myUL’.

OR you can use a plugin like TinySort. https://github.com/Sjeiti/TinySort

More Related Contents:

  1. .prop() vs .attr()
  2. How to hide a in a menu with CSS?
  3. Find DOM element by ID when ID contains square brackets?
  4. Why are duplicate ID values not allowed in HTML?
  5. jQuery DOM changes not appearing in view source
  6. Sort an array by the “Levenshtein Distance” with best performance in Javascript
  7. Is there a DOM event that fires when an HTML select element is closed?
  8. AngularJS: How to run additional code after AngularJS has rendered a template?
  9. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  10. How to detect when an iframe has already been loaded
  11. Is there any “on DOM change” event? [duplicate]
  12. javascript sort of HTML elements
  13. Converting a recursive function into an asynchronous CPS implementation (javascript)
  14. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  15. Convert String to XML Document in JavaScript
  16. How to set DOM element as first child?
  17. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  18. JQuery – animate moving DOM element to new parent?
  19. Open new window without focus on it [duplicate]
  20. How can I remove wrapper (parent element) without removing the child?
  21. Sort a table fast by its first column with Javascript or jQuery
  22. window.getSelection return html [duplicate]
  23. How to properly unload/destroy a VIDEO element
  24. How to add a onclick event to an element using javascript
  25. Test if an element can contain text
  26. Best practice to avoid memory or performance issues related to binding a large number of DOM objects to a click event
  27. Why I cant use jQuery functionality
  28. How to check null objects in jQuery
  29. Screen Coordinates of a element, via Javascript
  30. Removing element with jQuery?

Leave a Comment