Jquery - append in prepend generated element in each

Question

How do I add elements to an element that has been added inside a each ? Following example:

            $.each(data.id, function(i, item) {
                $( ".lado" ).prepend("<div id='tes'>" + data.id + "</div>");

                if (data.id == i) {
                    $( "#tes" ).append("<div>" + data.id + "</div>");
                }

            });

The prepend works but apparently the append doesn’t work because I don’t find the id added in the prepend.

Answer 1

You could do it like this:

$.each(data.id, function(i, item) {
  var tes = $("<div id='tes'>" + data.id + "</div>");// guarda o novo elemento dentro de uma var
  $(".lado").prepend(tes); // usar o novo element
  if (data.id == i) {
    tes.append("<div>" + data.id + "</div>"); // já está disponível para appends
  }
});

Just one thing, in case you want to capture the current element inside the loop, should use instead of data.id, own item passed as argument. In case would be like this:

$.each(data.id, function(i, item) {
  var tes = $("<div id='tes'>" + item + "</div>"); // guarda o novo elemento dentro de uma var
  $(".lado").prepend(tes); // usar o novo element
  if (item == i) {
    tes.append("<div>" + item + "</div>"); // já está disponível para appends
  }
});

I don’t know if that’s what you want, but stay there if it is.