stackoverflow question 16266120

http://stackoverflow.com/questions/16266120/selecting-element-dynamically-added/16282906#16282906

by Gerald Gillespie

HTML

<div id="main-div" />

JavaScript

$(document).ready(function () {
    // Layout
    var main = $("#main-div"),
        array = ["A", "B", "C"],
        updatePlaycount = function (data) {
            console.log(data);
            var $playct = $('#playcount_' + data.name);
            console.log($playct);
            $playct.text(data.playcount);
        }

        function ajaxI(i, arr) {
            var J = JSON.stringify({
                "name": arr[i],
                    "playcount": (i + 1) + ''
            });
            console.log(J)
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/echo/json/",
                data: {
                    json: J,
                    delay: 3
                },
                success: updatePlaycount
            });
        }

    for (var i = 0; i < array.length; ++i) {
        main.append("<div class='container'><a href=\"blah\">" + array[i] + "</a><div class='button-container'><span id='playcount_" + array[i] + "' class='playcount' style='margin-right:5%'>nope</span></div></div>");
    } // end for

    // Get info for each sound in array
    for (var j = 0; j < array.length; ++j) {
        ajaxI(j, array);
    } // end for
}); // end ready