jQuery: dividere una lista a metà

Con jQuery è semplice dividere una lista a metà.

Possiamo definire il seguente codice:

var splitList = function( element ) {
    var originalList = $( element );
    var originalItems = originalList.children();
    var splitAt =  Math.round( originalItems.length / 2 );

    var cloneList = originalList.clone().insertAfter( originalList ).hide();
    var clonedItems = cloneList.children();

    
    for ( var i = 0; i < clonedItems.length; i++ ) {
        if( i < splitAt ) {
            $( clonedItems[ i ] ).remove();
        }
    }
    
    for ( var j = 0; j < originalItems.length; j++ ) {
        if( j >= splitAt ) {
            $( originalItems[ j ] ).remove();
        }
    }
    cloneList.show();
}

Esempio d'uso:

$(function() {
	splitList( "#list" );
});