jQuery not appending some elements while creating them

Your problems start here:

$('<span />', {'class':"delete",'id':indexed+'_delete'}).appendTo('#' + indexed + 'editDelete');

Since you haven't appended any of your elements to the DOM yet, ('#' + indexed + 'editDelete') doesn't match anything. The selector engine only looks at elements currently in the DOM, not those in JavaScript variables.

You can solve this by appending the contactoHolder right away: http://jsfiddle.net/mblase75/ptpgJ/

var contactoHolder = $('<div />', {'class':"contactoUnexpanded",'id':indexed});
$('#content').append(contactoHolder); 
// now the rest of your code

Alternatively, try assigning each new jQuery element a variable name, and reference those variables instead when appending or modifying them. This should be more efficient, but the difference will probably be imperceptible to your users unless you're doing this hundreds or thousands of times in a row:

var div1 = $('<div />', {'class':"editDelete", 'id':indexed+'editDelete'}).appendTo(contactoHolder);     
// ...
$('<span />', {'class':"delete",'id':indexed+'_delete'}).appendTo(div1);

All together: http://jsfiddle.net/mblase75/B33wW/

var contactoHolder = $('<div />', {
    'class': "contactoUnexpanded",
    'id': indexed
});
contactoHolder.append(infoArray[0]);
var div1 = $('<div />', {
    'class': "editDelete",
    'id': indexed + 'editDelete'
}).appendTo(contactoHolder);

var span1 = $('<span />', {
    'class': "edit",
    'id': indexed + '_edit'
}).appendTo(div1);
$(span1).html('edit');

var span2 = $('<span />', {
    'class': "delete",
    'id': indexed + '_delete'
}).appendTo(div1);
$(span2).html('delete');

var span3 = $('<span />', {
    'class': "contenidoDelContacto",
    'id': indexed + 'Content'
}).appendTo(contactoHolder);
$(span3).html('<br />' + infoArray[1] + '<br />' + infoArray[2] + '<br />' + infoArray[3] + '<br />' + infoArray[4]);
$('#content').append(contactoHolder);