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

Question

我试图以递归的方式动态地添加元素，即：

我有一个带有“ request-get”类的锚标签，此锚标签的onclick我在一个div上附加了几个具有相同类名“ request-get”的锚标签，并在单击最后创建的锚标签时附加div：这是我的密码

注意：ajax调用工作正常，我在获得新创建的锚标记的click事件后获得了所有数据，但没有获得新创建的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

您新添加的元素没有相同的类。 您正在提供“ request-get-objectif”而不是“ request-get”