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('') } }

    Free Guide:

    7 Habits of Successful CTOs

    "What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

    Because We Like You
    Free Ebooks!

    Grab SitePoint's top 10 web dev and design ebooks, completely free!

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