jQuery: ordinare una lista in base al valore degli attributi di dati

Con jQuery possiamo ordinare una lista in base al valore degli attributi di dati.

Data la seguente lista:

<ul id="list">
    <li data-index="4"></li>
    <li data-index="1"></li>
    <li data-index="3"></li>
    <li data-index="2"></li>
</ul>

Possiamo scrivere:

"use strict";
var sort = function( a, b ) {
    return ( parseInt( $( a ).data( "index" ), 10 ) ) > ( parseInt( $( b ).data( "index" ), 10 ) ) ? 1 : -1;
}

var $list = $( "#list" );
var $items = $list.find( "li" );

$items.sort( sort ).appendTo( $list );