在DOM中附加动态（新创建）的元素

Question

I'm trying to append an element dynamically in a recursive manner, ie :

I have an anchor tag with class "request-get", onclick of this anchor tag I append a div with several anchor tags having the same class name "request-get" and divs to append when clicking on the last created anchor tags : here's my code

NB : The ajax call works fine, I get all the data after click event of the newly created anchor tags but I don't get the reference of the newly created Divs

$(document).on("click", ".request-get", function (event) {
    var request = new RequestModule.AjaxRequestBuilder(this).build();
    var child = $(this).data('target');
    var childDocument = $(document).find(child);
    console.log(childDocument);
    request.call({
        success: function (response) {
            $(child).empty();
            console.log($(child));
            for (var i in response) {

                var a = $('<a/>', { href: "" })
                            .attr('id', response[i].code)
                            .attr('class', 'request-get child')
                            .attr('data-id', response[i].id)
                            .attr('data-controller', 'objectif')
                            .attr('data-controller-suffix', 'children')
                            .attr('data-method', 'get')
                            .attr('data-target', '#details_' + response[i].code)
                            .attr('data-toggle', 'collapse')
                            .css('display', 'block')
                            .text(response[i].code+' - '+response[i].intitule);

                var div = $('<div/>', { id: 'details_' + response[i].code })
                            .attr('class', 'details collapse child');


                $(child).append(a);
                $(child).append(div);

            }
        },

        error: function (response) {

        }
    });
});

Answer 1

我认为您可能使用了错误的变量，因为您正在使用child变量而不是childElement

Answer 2

Your newly append elements don't have same class. You are providing "request-get-objectif" instead of "request-get"