let ul=$('#test-div ul');

let arr=['Pascal','Lua','Ruby'];

arr.forEach(e=>ul.append(`<li><span>${e}</span></li>`));

var textArr=ul.find('li span').map(function(){return $(this).text();}).get().sort();

ul.find('li').remove();

textArr.forEach(e=>ul.append(`<li><span>${e}</span></li>`));