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
Post a Comment