Javascript part for Symfony2 form collection handling. Written with jQuery

prototypeCollectionSymfony2.js

$(document).ready(function() {
    var $container = $('div#container');

    var $addLink = $('<a href="#" id="add-link-' + $container.attr('id') +'"  class="btn">Add document</a>');
    $container.append($addLink);

    $addLink.click(function(e) {
        addElement($container);
        e.preventDefault();
        return false;
    });

    var index = $container.find(':input').length;

    if (index == 0) {
        addElement($container);
    } else {
        $container.children('div').each(function() {
            addDeleteLink($(this));
        });
    }

    function addElement($container) {
        var $prototype = $($container.attr('data-prototype').replace(/__name__label__/g, 'Document n°' + (index+1))
            .replace(/__name__/g, index));

        addDeleteLink($prototype);

        $container.append($prototype);
        index++;
    }

    function addDeleteLink($prototype) {
        $deleteLink = $('<a href="#" class="btn btn-danger">Delete</a>');

        $prototype.append($deleteLink);

        $deleteLink.click(function(e) {
            $prototype.remove();
            e.preventDefault();
            return false;
        });
    }
});