By Sam Deering

jQuery Insert alphabetically into a List

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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() '+name+'');
                    toinsert = false;
  • '+name+'
  • '); } $("input[name='insertvalue']").val('') } }
    Login or Create Account to Comment
    Login Create Account
    Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?