Reorder "li" elements by class name in Jquery -



Reorder "li" elements by class name in Jquery -

in next html:

<ul class="list"> <li class="item pr1">....</li> <li class="item pr0">....</li> <li class="item pr4">....</li> <li class="item pr3">....</li> </ul>

i create function reorders "li" result this:

<ul class="list"> <li class="item pr0">....</li> <li class="item pr1">....</li> <li class="item pr2">....</li> <li class="item pr3">....</li> </ul>

is possible without having iterate through items ? help

class="snippet-code-js lang-js prettyprint-override">$(function() { var order = $('li.item').sort(function(a,b) { var classa = $(a).attr('class').replace(/^.*(pr\d).*$/, '$1'); var classb = $(b).attr('class').replace(/^.*(pr\d).*$/, '$1'); homecoming classb < classa; }); $('ul.list').append( order ); }); class="snippet-code-html lang-html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <ul class="list"> <li class="item pr1">1....</li> <li class="item pr0">0....</li> <li class="item pr4">4....</li> <li class="item pr3">3....</li> </ul>

jquery

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -