Sort divs in jQuery based on attribute ‘data-sort’?

by

Use this function

   var result = $('div').sort(function (a, b) {

      var contentA =parseInt( $(a).data('sort'));
      var contentB =parseInt( $(b).data('sort'));
      return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
   });

   $('#mylist').html(result);

You can call this function just after adding new divs.

If you want to preserve javascript events within the divs, DO NOT USE html replace as in the above example. Instead use:

$(targetSelector).sort(function (a, b) {
    // ...
}).appendTo($container);

More Related Contents:

  1. How can I know which radio button is selected via jQuery?
  2. Should all jquery events be bound to $(document)?
  3. jQuery selector regular expressions
  4. Assign click handlers in for loop
  5. Access the css “:after” selector with jQuery [duplicate]
  6. How can I select an element by name with jQuery?
  7. use jQuery’s find() on JSON object
  8. Is there a native jQuery function to switch elements?
  9. Select all elements that have a specific CSS, using jQuery
  10. JQuery .on() method with multiple event handlers to one selector
  11. jQuery select all except first
  12. Case insensitive jQuery attribute selector
  13. Does jQuery do any kind of caching of “selectors”?
  14. jQuery Selector + SVG Incompatible?
  15. Efficient, concise way to find next matching sibling?
  16. Store jquery selector in variable
  17. First word selector
  18. jQuery select by class VS select by attribute
  19. How to check if an element does NOT have a specific class?
  20. How do I duplicate item when using jquery sortable?
  21. Jquery sortable ‘change’ event element position
  22. Is there a ‘has focus’ in JavaScript (or jQuery)?
  23. In jQuery, is selecting by class or id faster than selecting by some other attribute?
  24. jQuery: select all elements of a given class, except for a particular Id
  25. Getting the “match” object in a Custom Filter Selector in jQuery 1.8
  26. Performance of jQuery selector with context
  27. jQuery: using a variable as a selector [duplicate]
  28. jQuery difference between :eq() and :nth-child()
  29. How do I select an element with special characters in the ID?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment