Feed div that were dynamically created

Question

In Jquery I am creating Ivs dynamically like this:

var totalLoop = 2;
var escreveReceitas = '';
for (i = 1; i <= totalLoop; i++) {
    escreveReceitas += '<div class="produtos_titulo" id="titulo'+i+'"></div>';
}
$('.receitas').html(escreveReceitas);

The result:

<div class="produtos_titulo" id="titulo1"></div>
<div class="produtos_titulo" id="titulo2"></div>

Now I have to feed the titulo1 and titulo2 Ids, how to do this once they have been created dynamically? I tried so:

for (i = 1; i <= totalLoop; i++) {
    $.ajax({
        url: 'receitas/titulo'+i+'.txt',
        dataType: 'text',
        success : function (resposta) {
            $('#titulo'+i).html(resposta);
        }
    });
}

But nothing happens, it is empty... Except that the titulo1.txt and titulo2.txt files have content...

Answer 1

Try this, you already insert your div and content at the same time.

for (i = 1; i <= totalLoop; i++) {
    $.ajax({
        url: 'receitas/titulo'+i+'.txt',
        dataType: 'text',
        success : function (resposta) {
            $(".receitas").append('<div class="produtos_titulo" id="titulo'+i+'">'+resposta+'</div>');
        }
    });
}