How to sort DOM elements while selecting in jQuery?

by

You can call .sort() before calling .each()

$("div[id*=pi_div]").sort(function(a,b){
    if(a.id < b.id) {
        return -1;
    } else {
        return 1;
    }
}).each(function() { console.log($(this).attr("id"));});

EDIT: I was wondering why the other answers are removing the pi_div part of the id and I get it. If you compare based on the “strings” pi_div10 will come before pi_div2.

More Related Contents:

  1. jQuery table sort
  2. Randomize a sequence of div elements with jQuery
  3. What is the easiest way to order a / in jQuery?
  4. jqgrid client side sorting with server side paging – data disappears
  5. Click button copy to clipboard
  6. Selecting element by data attribute with jQuery
  7. Fancybox doesn’t work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property ‘msie’ ]
  8. How can I get the button that caused the submit from the form submit event?
  9. How to limit the number of selected checkboxes?
  10. How to get header from cards or similar to have the same height with flex box?
  11. Is it possible to set async:false to $.getJSON call
  12. Ajax.BeginForm in MVC to upload files
  13. jquery: change the URL address without redirecting? [duplicate]
  14. Submit form with Enter key without submit button? [duplicate]
  15. jQuery append fadeIn
  16. jQuery hide element while preserving its space in page layout
  17. Is there a good jQuery Drag-and-drop file upload plugin? [closed]
  18. Overriding !important with css or jquery
  19. JQuery, remove element from string
  20. Jquery dialog partial view server side validation on Save button click
  21. How to add a trailing zero to a price with jQuery
  22. jquery remove plugin from element
  23. How can I programmatically change a select box selection from within the control’s own change event and have it work in mobile browsers
  24. jQuery.post( ) .done( ) and success:
  25. How to use getJSON, sending data with post method?
  26. Add slides to Bootstrap 3 carousel dynamically using jQuery
  27. How to use Plugins for PopUp [closed]
  28. Async and document ready
  29. How to use multiple jquery object variables as selectors?
  30. jQuery delay() – how to stop it?

Leave a Comment