jQuery Insert alphabetically into a List

By Sam Deering

This function will insert items into an order alphabetically (assuming it contains letters). Initially design to make a smooth single page load/save feature that sorted everything in drop down lists, you guessed it, alphabetically. Can simply be modified to work in any sort of layout (ordered lists was just easier for the example).

function insert(){
    var name = $("input[name='insertvalue']").val();
        var toinsert = true;
        $("ol.thelist > li").each(function(){
            var item = $(this).html();
            if(name.toUpperCase() < item.toUpperCase()){
  • '+name+''); toinsert = false; } } }); if(toinsert){ $("ol.thelist").append('
  • '+name+'
  • '); } $("input[name='insertvalue']").val('') } }


    Learn Coding Online
    Learn Web Development

    Start learning web development and design for free with SitePoint Premium!

    Get the latest in JavaScript, once a week, for free.