JQuery - Sorting div content

Possible duplicate:
jQuery: Sort div according to the contents of various sub divs

Is it possible to sort the contents of a div

<div id="sort"> <div id="something">A2</div> <div id="something">A1</div> <div id="something">A4</div> <div id="something">A3</div> </div> 

sorted by:

 <div id="sort"> <div id="something">A1</div> <div id="something">A2</div> <div id="something">A3</div> <div id="something">A4</div> </div> 

Anything like this ????

 $('#sort').sort(); 
+2
source share
1 answer

How about this?

 var mylist = $('#sort'); var listitems = mylist.children('div').get(); listitems.sort(function(a, b) { return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase()); }); $.each(listitems, function(index, item) { mylist.append(item); }); 

Extracted from: http://www.onemoretake.com/2009/02/25/sorting-elements-with-jquery/

And this: How to sort the list alphabetically using jQuery?

+13
source

Source: https://habr.com/ru/post/1484329/


All Articles