var parent=$("div[id='test-div'] ul"); parent.append("<li><span>Pascal</span></li>"); parent.append("<li><span>Lua</span></li>"); parent.append("<li><span>Ruby</span></li>"); var arr=[]; var parent1=parent.find("span"); for(var i=0;i<parent1.length;i++){ arr.push($(parent1[i]).text()); } arr.sort(); parent.find("li").remove(); for(var i=0;i<arr.length;i++){ parent.append("<li><span>"+arr[i]+"</span></li>"); }